Un carrusel de imágenes a sangre con el nombre del producto, el subtítulo y el precio mostrados directamente sobre la foto, encima de un degradado que facilita la lectura — un aspecto editorial prémium para catálogos de moda, hogar y estilo de vida.
Comparte motor con Product Slider & Grid: los mismos cuatro acentos de estilo, insignias, efectos al pasar el ratón, reproducción automática, zoom de imagen, segunda imagen al pasar el ratón, y los ajustes centrales de formato de precio y de moneda. Dos ajustes definen su identidad: Show Text on Image y Show Gradient Overlay, ambos activados por defecto, con un lienzo de foto más alto y tres tarjetas por vista. Desactive Show Text on Image y active Show Product Title y Show Price, y se convierte en un slider clásico de tarjetas con el texto bajo la imagen.
Cómo funciona esta plantilla
Los acentos de estilo, los campos del catálogo (Catalog Fields), el modo de demostración en vivo y los precios centralizados funcionan exactamente igual que en Product Slider & Grid — consulte allí Cómo funciona esta plantilla, y Opciones del slider para las flechas, los puntos y las filas de la cuadrícula (aquí el número de elementos, los puntos de corte y Layout — Slider or Grid están en Widget Layout).
Conviene saber
- Los elementos por dispositivo responden al contenedor, no solo a la pantalla. El número de elementos visibles (escritorio / tableta / móvil) se aplica a partir del ancho del propio widget, así que funciona correctamente en la vista previa por dispositivo del editor, en móviles reales e incluso dentro de barras laterales estrechas.
- Text on Image elimina los duplicados automáticamente. Mientras la capa superpuesta está activada, el título, la línea de marca y el precio de debajo de la foto se ocultan solos.
- Los estilos de hover son campos aparte. Si cambia el color base de un botón, repítalo en el campo Hover Style correspondiente para que el hover sea coherente.
- Las tarjetas de plantilla guardadas congelan su código. Si guarda su propia copia en Mis plantillas, las acciones creadas a partir de ella usan el código tal como estaba al guardarla — vuelva a guardar la tarjeta después de las actualizaciones importantes.