Ir al contenido
Instalar la app
Español

Lista de productos

Muestra productos en el menú como una sola tarjeta, cuadrícula, lista o carrusel.

Referencia Todos los planes 3 min de lectura

Tarjetas de producto con imagen, proveedor, nombre y precio, directamente en el mega menú. Usa Producto único (todos los planes) para destacar un más vendido, o una cuadrícula, lista o carrusel (Growth Navigation, Pro Navigation) para novedades, más vendidos o una colección completa.

Agregar el bloque

  1. Elige un diseño

    En el panel de mega menú de la vista previa, haz clic en Agregar bloque. Haz clic en Agregar producto, pasa el cursor sobre un diseño y haz clic en Seleccionar.

    (1) Haz clic en Agregar producto, (2) elige un diseño.
  2. Elige los productos

    Para Producto único, haz clic en Seleccionar productos en Agregar producto y elige uno. Para los demás diseños, elige un Origen; para Colección elige una colección, para Manual elige los productos.

    El bloque Lista de productos en la vista previa y sus ajustes en Editar elemento.
  3. Guarda y publica

    Ajusta los ajustes de abajo y haz clic en Guardar y Publicar.

Diseños

La pestaña Agregar producto muestra primero Lookbook hotspots (consulta Lookbook hotspots) y después estos diseños:

Producto único
Una tarjeta de producto. La pestaña tiene dos: una con la imagen arriba y otra con la imagen a la izquierda.
Cuadrícula de productos, imagen arribaGrowth · Pro
Productos en una cuadrícula, con la imagen arriba.
Carrusel de productosGrowth · Pro
Productos en un carrusel con flechas.
Lista de productosGrowth · Pro
Productos uno bajo otro, con una imagen pequeña a la izquierda.
Cuadrícula de productos, imagen a la izquierdaGrowth · Pro
Productos en una cuadrícula, con una imagen pequeña a la izquierda.

Ajustes

Producto único

AnchoPredeterminado: 25%
Cuánto de la fila del mega menú ocupa el bloque: Automático o de 8.33% a 100%.
DiseñoPredeterminado: El diseño que elegiste
Imagen arriba o Imagen a la izquierda.
Agregar productoPredeterminado: Ninguno
El producto que se muestra.
VisibilidadPredeterminado: Desactivado
Ocultar en el escritorio, Ocultar en el móvil, Ocultar al iniciar sesión, Mostrar solo cuando se inicia sesión, Programar publicación. Consulta Ajustes que tienen todos los bloques.

Cuadrícula, lista y carrusel de productos

Título / EnlacePredeterminado: Productos nuevos
Encabezado sobre los productos y la página a la que enlaza, por ejemplo la colección completa.
AnchoPredeterminado: 75% cuadrículas · 25% lista, carrusel
Cuánto de la fila del mega menú ocupa el bloque.
Vista de listaPredeterminado: El diseño que elegiste
Carrusel, Lista o Cuadrícula.
Número de productosPredeterminado: 6 cuadrículas · 4 lista, carrusel
Cuántos productos se muestran.
Elemento(s) por filaPredeterminado: 3 cuadrículas · 1 carrusel
Solo Cuadrícula y Carrusel: 1, 2, 3, 4 o 6 productos por fila.
Vista del elementoPredeterminado: El diseño que elegiste
Solo Cuadrícula y Carrusel: Imagen arriba o Imagen a la izquierda.
Proporción de imagenPredeterminado: Automático
Automático, 1:1, 4:3, 3:4, 16:9 o 9:16. Hace que todas las imágenes de producto tengan la misma forma.
OrigenPredeterminado: Productos más nuevos
Productos más nuevos (los añadidos más recientemente), Más vendidos, Colección (productos de una colección que elijas) o Manual (solo los productos que elijas).
VisibilidadPredeterminado: Desactivado
Las mismas opciones que Producto único.

Lo que ven los compradores

Cada producto muestra su imagen, proveedor, nombre y precio. Los productos con varias variantes muestran Desde antes del precio más bajo, el precio de comparación aparece tachado con una etiqueta Venta, y los productos no disponibles muestran Agotado.

Consejos

  • Para agregar un botón Agregar al carrito bajo cada producto del menú, activa Ajustes > Avanzado > Mostrar botón Agregar al carrito.
  • La reproducción automática y el bucle del carrusel están en Ajustes > Carrusel.
  • Los datos de producto se actualizan solos, y un origen Colección siempre muestra los productos actuales de la colección. Si eliminas un producto o una colección o cambias su handle (URL), vuelve a elegirlo.

¿Te ha sido útil?

Informar de un problema