Kowal Product Gallery Grid para Magento 2
- Compatibilidad
- 2.4.9, 2.4.8, 2.4.7, 2.4.6, 2.4.5, 2.4.4
Descripción / Kowal Product Gallery Grid para Magento 2
MAGENTO 2 · IMÁGENES · ESCRITORIO · GALERÍA DE PRODUCTO
Muestra más vistas del producto en una cuadrícula clara de imágenes.
Kowal Product Gallery Grid
Aprovecha el ancho del ordenador: las imágenes grandes muestran detalles y la columna informativa acompaña el desplazamiento. Conserva la pantalla completa nativa Magento y la galería estándar en móviles.
1–4 columnas · Imágenes de variantes · Ampliación nativa
CÓMO FUNCIONA EN LA PRÁCTICA
01 · Seleccionas el layout de imágenes
Configuras columnas y dimensiones.
02 · El cliente consulta detalles
Las vistas visibles ayudan a comparar el aspecto.
03 · Abre la imagen elegida
Un clic abre la pantalla completa de la galería nativa.
¿Qué gana tu tienda?
Descubre las funciones, el uso y la configuración del módulo.
Una nueva calidad de presentación de imágenes en Magento 2
Kowal_ProductGallery transforma la galería de escritorio estándar en una cuadrícula moderna y clara de imágenes grandes. En lugar de una imagen principal y pequeñas miniaturas, el cliente ve inmediatamente más vistas, comprende antes el aspecto y decide más fácilmente.
Está diseñada para tiendas donde las imágenes venden: moda, interiores, hogar, belleza, accesorios, comercio premium y cualquier oferta donde importen los detalles.
1. Más imágenes visibles desde el principio
El cliente no tiene que hacer clic en las miniaturas para ver más tomas. Nada más entrar en la ficha de producto obtiene una visión más amplia de la oferta:
- ve el producto desde varias perspectivas,
- evalúa más rápido el color, la textura, las proporciones y los detalles,
- compara las imágenes con mayor facilidad y sin interacciones innecesarias.
Esto acorta el camino desde el interés hasta la compra.
2. Mayor impacto visual en la ficha
Las imágenes grandes dispuestas en una cuadrícula estética generan una percepción más moderna y premium de la tienda. El producto se presenta mejor, y la propia ficha parece más cuidada y orientada a la venta que con el diseño estándar de Magento.
Esta forma de presentación es especialmente eficaz para catálogos en los que la imagen es uno de los principales argumentos de compra.
3. Mejor experiencia de compra en escritorio
El diseño se ha preparado específicamente para desktop, donde el usuario dispone de más espacio en pantalla y espera un acceso rápido a una mayor cantidad de contenido. La galería aprovecha este espacio de forma eficiente:
- las imágenes son más grandes y más claras,
- la disposición resulta más intuitiva durante la navegación,
- la columna derecha con la información del producto sigue estando cómodamente accesible mientras se hace scroll.
El resultado es una navegación más fluida por la página de producto y un menor riesgo de perder la atención del cliente.
4. Conservación del mecanismo familiar de ampliación
La nueva forma de presentación no priva al usuario de las funciones cómodas de la galería estándar de Magento. Al hacer clic en una imagen, el cliente puede seguir abriendo la vista a pantalla completa y examinar el producto con detalle.
Gracias a ello, la tienda gana un aspecto más moderno sin renunciar a los comportamientos de galería ya conocidos.
5. Sin cambios en móviles
El módulo modifica exclusivamente la vista de desktop. En dispositivos móviles se mantiene la galería nativa de Magento, lo que permite conservar una experiencia de compra predecible y cómoda en teléfonos.
Esto es importante porque las expectativas de los usuarios en desktop y mobile son diferentes, y un mismo diseño no siempre funciona bien en ambos contextos.
Impacto en las ventas y en la percepción del producto
Una mejor exposición de las imágenes puede traducirse en:
- mayor interacción del usuario en la ficha de producto,
- mejor comprensión del producto incluso antes de añadirlo al carrito,
- una presentación más sólida de la calidad, el acabado y los detalles,
- reducción de la incertidumbre en la compra,
- una imagen más profesional de la tienda.
En la práctica, esto significa una ficha de producto que trabaja mejor para la conversión y aprovecha mejor los materiales fotográficos ya disponibles en la tienda.
Para qué tiendas este módulo aporta más valor
El módulo funciona especialmente bien en sectores en los que el cliente compra con los ojos:
- fashion y calzado,
- muebles y equipamiento de interiores,
- decoración y home accessories,
- cosmética y beauty,
- joyería y accesorios,
- productos premium y lifestyle.
Cuanto mayor sea la importancia de las imágenes de producto, mayor será el beneficio de pasar a un diseño en cuadrícula.
Resumen
Kowal_ProductGallery ayuda a convertir la ficha estándar Magento 2 en una presentación más moderna, visual y comercial. El cliente ve más, evalúa mejor el producto y utiliza la galería cómodamente; la tienda destaca la oferta sin cambiar los hábitos básicos del usuario.
Una extensión práctica para aprovechar las imágenes como herramienta de venta.
Configuración de cuadrícula y tamaños
Stores → Configuration → Catalog → Catalog → Kowal Product Gallery permite configurar de 1 a 4 columnas y el ancho y alto de imágenes. Por defecto son 2 columnas y 640 × 640 px; los ajustes pueden adaptarse por vista de tienda.
Para imágenes cuadradas, selecciona dimensiones iguales. Los cambios de tamaños del tema requieren tener en cuenta la caché de imágenes en la implementación.
Variantes y ámbito de compatibilidad
El módulo conserva mage/gallery/gallery y actualiza la cuadrícula al cambiar los datos de la galería de un producto configurable. La columna derecha acompaña el desplazamiento y se detiene al final del área de imágenes.
La integración utiliza Luma/Blank, RequireJS, jQuery y Fotorama. Sustituir la plantilla de galería o utilizar Hyvä requiere comprobar y adaptar; el paquete no incluye un adaptador Hyvä específico.
Instalación mediante Composer
Paquete kowal/module-product-gallery, módulo Kowal_ProductGallery. Tras configurar el acceso al repositorio de Kowal, instala el paquete, activa el módulo, actualiza Magento y limpia la cache. En producción, incluye la compilación y el despliegue de contenido estático de acuerdo con el proceso de la tienda.
De la configuración al resultado
1. Seleccionas el layout de imágenes
Configuras columnas y dimensiones.
2. El cliente consulta detalles
Las vistas visibles ayudan a comparar el aspecto.
3. Abre la imagen elegida
Un clic abre la pantalla completa de la galería nativa.
Detalles sin pulsar miniaturas
Para ropa, muestras frente, espalda y detalles del tejido en la cuadrícula de escritorio. El cliente elige una variante y la cuadrícula se actualiza con los datos de la galería.
La imagen se puede abrir a pantalla completa. El móvil utiliza la galería Magento anterior.
Adapta la galería a las imágenes y al tema
¿Quieres adaptar el módulo a tu tienda? Consulta sobre la implementación de Kowal Product Gallery Grid y comenta la configuración o las ampliaciones necesarias.
Más Información
| Conformidad con la plantilla | Luma / Blank, KOWAL |
|---|
Instrucciones de instalación del módulo
Instrucciones de instalación y configuración
El módulo
Kowal_ProductGallery
Paquete Composer:
kowal/module-product-gallery
Requisitos
Antes de la instalación, asegúrese de que el entorno cumple las siguientes condiciones:
- Magento 2 con el módulo de catálogo activo,
- PHP en una versión compatible con los requisitos del paquete,
- acceso al repositorio Composer o al repositorio Git desde el que se publica el módulo,
- permisos para ejecutar comandos
bin/magento, - acceso administrativo al panel de Magento para configurar los ajustes.
Instalación mediante Composer
Añade el repositorio Composer de Kowal a la configuración del proyecto:
Recibirás por correo electrónico los datos de acceso al repositorio Composer, es decir, la dirección de correo electrónico del cliente y el token de licencia, después de la compra. También están disponibles en el panel de cliente tras iniciar sesión en kowal.store. Sustituye TWOJ_EMAIL_KLIENTA por la dirección de e-mail de tu cuenta y TWOJ_TOKEN por el token recibido. Ejecuta los comandos en el directorio raíz de Magento.
composer config repositories.kowal composer https://repo.kowal.store
Configura los datos de acceso al repositorio Composer de Kowal:
composer config http-basic.repo.kowal.store "TWOJ_EMAIL_KLIENTA" "TWOJ_TOKEN"
A continuación, instale el módulo:
composer require kowal/module-product-gallery
Activación del módulo en Magento
Después de instalar el paquete, ejecute el conjunto estándar de comandos de Magento:
bin/magento module:enable Kowal_ProductGallery
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush
Si la tienda funciona en modo de desarrollo, algunos comandos pueden depender del proceso de despliegue del proyecto. En el entorno de producción se recomienda realizar un deployment estándar completo conforme a la política del proyecto.
Verificación de la instalación
Después de activar el módulo, compruebe:
- Si el módulo aparece en la lista:
bin/magento module:status Kowal_ProductGallery
Si en la ficha de producto de escritorio la galería se ha sustituido por una cuadrícula de imágenes grandes.
Si al hacer clic en una imagen se abre la pantalla completa estándar de la galería de Magento.
Si la vista móvil permanece sin cambios.
Ubicación de los ajustes en el panel de administración
La configuración del módulo está disponible en:
Stores > Configuration > Catalog > Catalog > Kowal Product Gallery
El acceso a esta sección depende de los permisos ACL asignados al administrador.
Ajustes disponibles
1. Número de columnas de la cuadrícula
Campo:
Liczba kolumn grida
Descripción:
Determina el número de columnas en la cuadrícula de imágenes del producto en escritorio.
Recomendación:
2para un diseño clásico y claro,- valores superiores solo cuando las imágenes de producto sigan manteniendo un tamaño adecuado y sean legibles.
2. Anchura de la imagen
Campo:
Szerokość obrazka
Descripción:
Define la anchura máxima de la imagen en la cuadrícula de escritorio, en píxeles.
Recomendación:
- para imágenes cuadradas, un buen punto de partida es
640.
3. Altura de la imagen
Campo:
Wysokość obrazka
Descripción:
Define la altura máxima de la imagen en la cuadrícula de escritorio, en píxeles.
Recomendación:
- para imágenes cuadradas, establezca un valor igual a la anchura, por ejemplo
640, - para imágenes con otras proporciones, ajuste la altura al formato real de los materiales de producto.
Recomendaciones de configuración
- Para lograr un efecto visual coherente, utilice imágenes de producto con proporciones similares.
- Para imágenes cuadradas, establezca los mismos valores de anchura y altura.
- Después de cambiar los tamaños de las imágenes, pruebe el aspecto de la ficha de producto en varios productos representativos.
- Verifique el funcionamiento en productos simples y configurables.
Regeneración de imágenes tras cambios de tamaño
Si los cambios de configuración o de los ajustes de vista requieren actualizar la caché de imágenes del catálogo, ejecute:
bin/magento catalog:images:resize
Una vez finalizada la regeneración, limpie la caché:
bin/magento cache:clean
Comprobación tras el despliegue
Después del despliegue en el entorno de pruebas o de producción, compruebe:
- el aspecto de la galería en escritorio,
- la ausencia de regresiones en móvil,
- el funcionamiento de la pantalla completa al hacer clic en una imagen,
- el funcionamiento de la galería para productos configurables,
- la corrección del comportamiento sticky de la columna con la información del producto,
- el tiempo de carga de la ficha de producto y los indicadores básicos de calidad de renderizado.
Observaciones de despliegue más frecuentes
- Si los cambios no son visibles, compruebe primero la caché y el deployment de los recursos estáticos.
- Si la tienda utiliza un theme muy modificado, conviene confirmar la compatibilidad de la plantilla de la galería con el theme activo.
- Si el administrador no ve los ajustes del módulo, compruebe los permisos ACL asignados a su rol.
