Imágenes personalizadas para colores, estampados y otros valores de atributos

Ahora puedes añadir una imagen de muestra a los valores de atributo de tus productos para representar de forma más visual opciones como colores combinados, estampados, texturas o acabados.

Cuando el atributo se utilice en un producto múltiple con la presentación en botones, la imagen aparecerá como una miniatura dentro de la opción correspondiente. Así, el cliente ya no tendrá que interpretar únicamente nombres como «Rayas», «Topos» o «Madera clara»: podrá ver directamente una representación de cada alternativa antes de elegir.

En los atributos de tipo color, la imagen de muestra aparecerá dentro del circulo para seleccionar el color y tendrá prioridad sobre el color hexadecimal configurado. Esto resulta especialmente útil cuando una opción no puede representarse correctamente mediante un único tono, como sucede con diseños multicolor, degradados o materiales con un acabado concreto.

Esta mejora permite presentar las variantes de una forma más atractiva, visual y comprensible, ayudando al cliente a comparar las opciones disponibles y encontrar más fácilmente la combinación que busca.

💡 Diseñado para la presentación en botones

Las imágenes de muestra se muestran en los productos múltiples que utilizan la presentación en botones. Puedes utilizarlas tanto en atributos de tipo color como en otros atributos en los que una imagen ayude a identificar mejor cada opción.

⚠️ Actualización de clases CSS

Si se utilizan personalizaciones CSS sobre los selectores de color, será necesario actualizar los nombres de las clases:

• color-option pasa a llamarse as-dot-option.
• color-dot pasa a llamarse as-dot.

Recomendamos revisar las personalizaciones existentes para mantener su presentación visual después de la actualización.