Navegación · Variantes de producto

Variantes por atributo

Un desplegable que dice «Azul, Rojo, Verde» obliga a tus clientes a adivinar cómo es cada versión. Variantes por atributo pone la foto real de cada opción en la ficha de producto, para que elijan con un clic.

  • v1.0.0
  • PrestaShop 1.7–9.1
  • 6 idiomas
Próximamente en Addons Cómo funciona

Nadie compra lo que no puede imaginar

Un desplegable que dice «Azul, Rojo, Verde» obliga a adivinar cómo es cada versión, o a pulsar todas las opciones y esperar a que cambie la foto. Algunos lo dejan; otros piden la variante equivocada y la devuelven.

Las fotos ya existen: están asignadas a cada combinación del catálogo. Solo falta mostrarlas donde el cliente decide.

La respuesta, en la propia ficha de producto

Variantes por atributo pone la foto real de cada opción en una fila, a un clic.
01

Muestra todas las opciones de un vistazo

Una fila de miniaturas, una por cada valor del atributo que elijas — color, acabado, material —, cada una con la foto real de esa combinación.

02

Selecciona con un clic

Al pulsar una miniatura se selecciona esa combinación en el selector de atributos de la propia ficha, así que precio, disponibilidad y añadir al carrito funcionan igual que siempre.

03

Aprovecha lo que ya tienes

Sin fotos que subir y sin programar: el módulo reutiliza las imágenes que ya tienes asignadas a tus combinaciones.

Todo lo que hace, por dentro

Cuatro bloques que trabajan juntos.

Ficha de producto

  • Fila de miniaturas cuadradas, una por cada valor del grupo de atributos elegido, cada una con la imagen real de su combinación.
  • Selección con un clic: la miniatura selecciona la opción correspondiente en el selector de atributos nativo del tema.
  • La variante seleccionada se resalta con un marco naranja.
  • El nombre de la opción se usa como texto emergente y texto alternativo de la miniatura.
  • Solo se muestra en productos con dos o más valores del atributo elegido.

Ajustes

  • Grupo de atributos: el ID del grupo cuyos valores se convierten en miniaturas (normalmente «Color»).
  • Versión de imagen: cualquier tipo de imagen generado, con las versiones de 60 a 100 px marcadas como recomendadas.
  • Tamaño de la miniatura: de 24 a 200 px, validado para que nunca supere la versión de imagen elegida.
  • Valores recomendados junto a cada opción, con un botón para marcarlos todos de un clic.

Posición

  • Funciona nada más instalar: usa el hook nativo displayProductAdditionalInfo que los temas estándar ya llaman.
  • Posición exacta opcional justo después del selector de atributos, con una línea explicada paso a paso en la pestaña Ayuda.

Back office y calidad

  • Pestaña Ayuda guiada con instalación, posición y preguntas frecuentes.
  • Traducido al inglés, español, francés, italiano, portugués y alemán.
  • Solo añade su propia hoja de estilos y su script — sin peticiones externas, sin tablas extra en la base de datos.
  • Al desinstalar se eliminan todos sus ajustes.

Lo que ganas

Menos pedidos equivocados, sin trabajo extra.

Ayuda a decidir más rápido

Tus clientes ven la foto real de cada opción en lugar de adivinar por una etiqueta.

Ayuda a acertar a la primera

Ver el color o el acabado exacto antes de añadir al carrito evita sorpresas y devoluciones.

Aprovecha las fotos que ya tienes

Cada miniatura sale de las imágenes que ya tienes asignadas a tus combinaciones.

Listo en minutos

Elige el grupo de atributos, el tamaño y guarda — sin programador en un tema estándar de PrestaShop 9.

Conserva el proceso de compra nativo

El módulo maneja el selector de atributos del propio tema, así que precios, stock y carrito no se tocan.

Mantén el control

Elige atributo, versión de imagen y tamaño de miniatura, y mueve el bloque a la posición exacta que quieras.

Lo que ganan tus clientes

Ver antes de elegir.

Ver antes de elegir

La imagen real de cada color o variante, todas en una fila.

Fácil de tocar en móvil

Miniaturas de hasta 200 px, con el nombre de la opción como texto emergente y alternativo.

Claridad sobre lo elegido

La variante actual aparece siempre resaltada.

Las miniaturas, en cualquier tienda

Cinco pantallas del módulo funcionando.
Ficha de producto: cada variante a la vista antes de elegir.
Ficha de producto: cada variante a la vista antes de elegir.
Selección: un clic elige la variante que quieren.
Selección: un clic elige la variante que quieren.
Ajustes: configúralo en un minuto.
Ajustes: configúralo en un minuto.
Miniaturas: nítidas y fáciles de tocar, de 24 a 200 px.
Miniaturas: nítidas y fáciles de tocar, de 24 a 200 px.
Posición: colócalo justo donde quieras.
Posición: colócalo justo donde quieras.

Preguntas frecuentes

¿De dónde salen las miniaturas de cada variante?

De las imágenes que ya tienes asignadas a cada combinación del producto. No hay que subir nada nuevo, pero cada combinación necesita su propia imagen para mostrarse.

¿Puedo agrupar por color, por acabado o por otro atributo?

Sí, por el grupo de atributos que elijas: color, acabado, material, estampado… Lo indicas en la configuración del módulo; su número lo encuentras en Catálogo > Atributos.

¿Tengo que modificar mi tema?

No. Funciona nada más instalarlo, en una posición que ya usan los temas estándar. Si quieres las miniaturas justo debajo del selector de atributos, antes de «Añadir al carrito», basta con añadir una línea a la plantilla de producto del tema; la ayuda del módulo lo explica paso a paso.

¿Cambia los precios, el stock o el carrito?

No. Las miniaturas manejan el selector de atributos nativo de tu tema, así que precios, stock y carrito siguen funcionando exactamente igual que antes.

¿Puedo elegir el tamaño de las miniaturas?

Sí, entre 24 y 200 píxeles, y también qué versión de imagen de PrestaShop usar. El módulo no deja poner un tamaño mayor que esa versión, para que las imágenes nunca se vean borrosas.

No aparecen las variantes en la ficha, ¿qué reviso?

Tres cosas: que el número del grupo de atributos sea el correcto, que el producto tenga más de una combinación de ese atributo y que cada combinación tenga su propia imagen.

Ficha técnica

PrestaShop1.7 – 9.1
PHP7.1 – 8.4
IdiomasEN ES FR IT PT DE
LicenciaAFL-3.0

Deja que tus clientes vean antes de elegir

Instálalo en tu PrestaShop y dale a cada ficha de producto la foto real de cada variante, sin tocar código y sin fotos extra que subir.

Próximamente en Addons Volver a los módulos

¿Necesitas adaptarlo a tu tienda, o algo que ningún módulo resuelve? Desarrollo a medida

Pruébalo en nuestra demo

Sin instalar nada: una tienda PrestaShop de pruebas con el módulo en funcionamiento. Entra en la zona pública o en el panel de administración.

Administración demops.10cero.es/admin10cero
Usuario
demo@demo.com
Contraseña
demodemo
Entrar al panel

La tienda se restablece periódicamente y el perfil de administración está limitado a la configuración del módulo.