Hover en swatch de color

Descripción

Al hacer hover* sobre el swatch* de color de alguna tarjeta de producto*, en la página creada para visualizarse en computadoras, la imagen cambia conforme al color seleccionado para mostrarle al cliente un preview*.

Vazza

image
image
image
image

Glosario

Hover. Acción de colocar el mouse encima de algún componente sin haberle dado clic, creando un elemento interactivo; la acción puede ser en botones, tarjetas de producto, barras de anuncios, links e imágenes. Suele usarse únicamente en desktop.

Preview. Vista previa de una página web.

Swatch. Prueba de cómo se ve un producto con alguna característica diferente, principalmente el color.

Tarjeta de producto. Espacio que contiene el resumen de un producto y que puede tener información como: marca, nombre del producto, variantes de color, tallas, precio, comparativo de precio antes o después de un descuento, indicadores de descuento. Además puede tener botones de compra rápida, como añadir al carrito y checkout.