RKR Galería de producto

El zoom, sin márgenes blancos

PrestaShop genera cada formato con las medidas exactas del tipo de imagen y rellena de blanco lo que sobra. Ese marco queda dentro del JPEG: por mucho que amplíes, amplías el marco.

El módulo parte del original de img/p/, que conserva su proporción, y genera una copia de zoom a la medida y calidad que le digas. Se amplía la foto, no el relleno.

Un visor con todas las fotos

Al abrirlo aparecen todas las imágenes del producto, no sólo las que cabían en la galería: rejilla de miniaturas en escritorio, puntos en móvil, flechas, teclado, rueda para ampliar, doble clic y pellizco.

El estilo se elige solo

Las reglas se evalúan de arriba abajo y gana la primera que encaja: por número de imágenes, por la orientación dominante del conjunto, por la orientación o el ancho de la portada, o por categorías.

Un producto con dos fotos no debería usar el mismo estilo que uno con catorce. La prioridad es clara: el estilo fijado a mano en la ficha gana siempre; si no, la primera regla que encaja; y si ninguna encaja, el estilo por defecto.

Pensado para el móvil, con datos

En las fichas de escritorio analizadas por Baymard el 100 % usa miniaturas y en las móviles sólo el 24 %. Con puntos en lugar de miniaturas la gente se salta fotos, y además el punto es un objetivo diminuto para el dedo.

Por eso el estilo recomendado en móvil pone la tira debajo de la foto, con un contador «3/12» y la última miniatura asomando a medias: la señal de que la lista sigue sin gastar pantalla en decirlo. Los objetivos crecen a 44 px y la animación se reduce si el sistema lo pide.

Vídeo dentro de la galería

El vídeo va junto a las fotos, no debajo de la descripción donde casi nadie baja. En la diapositiva va una foto con un botón de play y el reproductor sólo se carga al pulsarlo: medido en una ficha real con YouTube, una petición a terceros antes de pulsar frente a veinte después.

YouTube se carga desde el dominio sin cookies y Vimeo pidiendo no rastrear. Los vídeos con título y miniatura entran en los datos estructurados como VideoObject.

Un asistente que mira tu tienda

Siete pasos que no sustituyen al formulario: se abren si quieres y se abandonan donde quieras. Cada uno comprueba cómo está tu tienda de verdad —si la plantilla está instalada en el tema, qué formatos de imagen tienes, qué fotos hay subidas—, explica qué implica cada opción y ofrece aplicar lo recomendado de un clic.

Incluye un panel de diagnóstico que mide tus imágenes y te dice cuáles se quedan cortas, y una guía con la maqueta de cada estilo en las dos pantallas.

Lo que se lleva de serie

• Datos estructurados ImageGallery con todas las fotos, dimensiones reales y la portada marcada como representativa de la página.
• Modo plantilla (sin repintado) o modo automático (sin tocar el tema).
• Scroll automático opcional, sólo en móvil si quieres, respetando prefers-reduced-motion.
• Sin jQuery y sin librerías de terceros en el front.
• Guía de uso en el back-office, en español y en inglés.

Compatibilidad

PrestaShop 1.7.8 a 9.x, con PHP 7.4 o superior. Probado en Hummingbird y en los temas clásicos.