La sección Featured products muestra una cuadrícula o un carrusel de tus productos. Los elige por ti, por ejemplo tus más vendidos o tus productos más nuevos.
Añadir la sección
- Abre el constructor y elige Home page en la pestaña Pages.
- En la pestaña Sections, haz clic en Add new section y elige Featured products en el grupo Products.
- Elige qué productos mostrar y luego haz clic en Publish.
Solo está disponible en la página de inicio, hasta 2 por página. Por ejemplo, una para los más vendidos y otra para los productos en oferta.
Qué productos aparecen
Source mode elige y ordena los productos:
- Newest: los últimos productos que añadiste aparecen primero.
- Oldest: los primeros productos que añadiste aparecen primero.
- Best selling: los productos con más unidades vendidas. Los checkouts abandonados no cuentan.
- Discounted: solo productos con un descuento que no ha terminado. Consulta ¿Cómo pongo precios, descuentos y precios por mercado a mis productos?
- Top rated: solo productos con al menos una reseña publicada, primero los de mejor valoración media.
Collection filter limita la lista a una colección, o a All. Solo pueden aparecer productos publicados y no ocultos.
Diseño
- Section width: Page o Full.
- Layout: Grid o Carousel (una fila que los compradores deslizan o desplazan).
- Columns: tarjetas por fila en ordenadores, o tarjetas visibles en un carrusel.
- Products count: 4, 6, 8, 10 o 12 productos.
- Show more button (solo cuadrícula): añade un botón debajo de la cuadrícula que carga más productos. Cada clic vuelve a cargar la cantidad de Products count, y el botón solo aparece cuando hay más productos por cargar.
- Mobile columns (1 o 2) y Carousel on mobile, que convierte la cuadrícula en un carrusel en móviles (solo cuadrícula).
- Navigation icons e Icon background: las flechas de un carrusel. Solo aparecen cuando hay algo que desplazar.
- Color scheme, Gap entre tarjetas, Padding y una pestaña Custom CSS.
Título y tarjetas de producto
Haz clic en Add new block para poner un título encima o debajo de los productos: hasta 2 bloques Text, 1 Divider y 1 Group. El bloque Product card siempre está presente y define cómo se ve cada producto (imagen, título, precio, valoración, botón de compra). Consulta ¿Cómo cambio el aspecto de las tarjetas de producto y de colección?
Recetas
- Los más vendidos de una colección: Source mode en Best selling y Collection filter en esa colección.
- Sección de ofertas: Source mode en Discounted, y pon el distintivo de ahorro del Price de la tarjeta en porcentaje.
- Lista larga de productos: diseño Grid con Show more button activado, para que los compradores carguen más cuando quieran.
Bueno saberlo
- Cuando ningún producto coincide, los compradores ven un mensaje "No products yet". Comprueba que tus productos están publicados y que tienen un descuento (Discounted) o una reseña (Top rated).
- Show more button, Mobile columns y Carousel on mobile se ocultan cuando Layout está en Carousel.
- Para mostrar los productos de una colección en la propia página de colección, consulta Sección de productos de la colección.