PrestaShop Diseño & Navegación

Módulo Muestras de Variantes con Foto y Stock PrestaShop 8/9

Sus combinaciones merecen algo mejor que un desplegable.

Muestras fotográficas clicables para colores, tallas y materiales, vista previa de la galería al pasar el cursor e indicador de stock por variante — directamente en la ficha de producto. Las muestras se derivan automáticamente de las fotos de sus combinaciones: instálelo y ya funciona.

De un vistazo
  • Muestras fotográficas en lugar de desplegables de combinaciones
  • Vista previa instantánea de la galería al pasar sobre una variante
  • Stock visible por variante: disponible, stock bajo, agotado
  • Derivación automática desde las fotos de combinaciones
  • Navegación completa por teclado (patrón ARIA radiogroup)
PrestaShop 8 y 9 Cero configuración Accesible por teclado 5 idiomas Sin dependencias
  • Reembolso de 30 días
  • 12 meses de actualizaciones
  • Soporte 24h
www.datafirefly.com/es/
Module Swatches Variantes Photo & Stock PrestaShop 8/9
v1.1.0 · actualizado 2026-07-02
Qué hace

La versión corta.

01

Muestras fotográficas automáticas

Las muestras se derivan de las fotos de sus combinaciones existentes — no se necesita subir nada para empezar. Afine después con imágenes dedicadas o códigos hexadecimales por atributo.

02

Vista previa de galería al pasar el cursor

Pase el cursor sobre una muestra de color: la imagen principal muestra al instante la foto de esa variante, precargada para un renderizado inmediato. La imagen original vuelve en cuanto el cursor se retira.

03

Stock por variante

Cada muestra indica su estado: disponible, stock bajo (umbral configurable) o agotado. Las variantes agotadas pueden mostrarse tachadas u ocultarse por completo.

04

Accesibilidad nativa

Patrón WAI-ARIA radiogroup completo: navegación con flechas, un solo punto de tabulación por grupo, estados anunciados a los lectores de pantalla. Un argumento concreto para el cumplimiento de accesibilidad.

La versión larga

Todo lo que querrías saber antes de instalar.

Una mirada detallada a cómo funciona Módulo Muestras de Variantes con Foto y Stock PrestaShop 8/9, por qué lo construimos así y la lógica detrás de las características anteriores.

§ 01

La elección visual que vende

En moda, decoración o cosmética, el cliente compra con los ojos. Un desplegable que dice Blanco / Negro / Rojo no muestra nada; una fila de muestras fotográficas lo muestra todo. El módulo sustituye los widgets nativos de combinaciones por chips visuales clicables, y cada pasada del cursor previsualiza la variante en la galería principal — el cliente explora la gama sin una sola recarga de página.

§ 02

Funcional desde la instalación

La mayoría de los módulos de muestras exigen subir una imagen por atributo antes de mostrar nada. Aquí, las muestras se derivan automáticamente de las fotos ya asociadas a sus combinaciones: instale el módulo, abra una ficha de producto y ya está en marcha. Una salvaguarda inteligente evita falsos positivos — un grupo Talla cuyas valores comparten la misma foto se mantiene en chips de texto; solo los grupos realmente diferenciados por imagen pasan a fotos.

§ 03

El stock visible antes del clic

Cada muestra anuncia su disponibilidad: disponible, stock bajo por debajo de un umbral que usted define, o agotado. Las variantes agotadas pueden permanecer visibles pero tachadas — útil para mostrar la amplitud de la gama — o desaparecer por completo. El cálculo respeta tanto el comportamiento global de pedidos sin stock como el definido por combinación.

§ 04

Accesible y conforme

El selector implementa el patrón WAI-ARIA radiogroup según las reglas: un solo punto de tabulación por grupo de atributos, navegación con flechas con bucle, selección con espacio o intro, estados anunciados a las tecnologías de asistencia y anillo de foco visible. Con los requisitos europeos de accesibilidad, es un diferenciador concreto frente a los selectores de variantes puramente visuales.

§ 05

Ligero y robusto por arquitectura

Los datos de las variantes se incrustan directamente en la página en el momento del renderizado: ninguna llamada AJAX al cargar, ninguna dependencia de la disponibilidad de un endpoint, visualización inmediata. El módulo mejora los widgets nativos de PrestaShop en lugar de sustituir las plantillas del tema — eso es lo que lo hace compatible con Classic, Hummingbird y la mayoría de temas premium sin sobrecarga.