Crea una sección de Shopify para una cuadrícula de productos que:

• Muestra dinámicamente productos de una colección seleccionada
• Incluye filtrado por etiquetas, precio y disponibilidad.
• Admite opciones de diseño de cuadrícula (2, 3 o 4 columnas)
• Es totalmente receptivo y accesible.

Construya una sección de cuadrícula de productos que:

• Carga más productos automáticamente a medida que el usuario se desplaza
• Muestra un indicador de carga durante la búsqueda
• Conserva el SEO con un marcado de paginación adecuado

Generar una cuadrícula de productos para Shopify que:

• Muestra los productos en un diseño de cuadrícula.
• Incluye un botón de "Vista rápida" al pasar el cursor sobre cada producto.
• Muestra detalles del producto, imágenes y agregar al carrito en un modal

Cree una cuadrícula de productos que:

• Muestra el tipo de producto personalizado debajo de cada título de producto.
• Extrae el tipo de producto del objeto de producto de Shopify
• Permite a los comerciantes alternar la visualización en la configuración del tema.

Construya una cuadrícula de productos donde:

• Los productos pueden mostrar insignias personalizadas (por ejemplo, "Más vendido", "Stock limitado")
• Las insignias se establecen a través de metacampos o etiquetas
• El color y el texto de la insignia son personalizables.

Genere una sección de cuadrícula de producto estilo mampostería que:

• Organiza los productos en un diseño similar al de Pinterest.
• Se ajusta automáticamente a diferentes alturas de imagen.
• Sigue respondiendo en todos los dispositivos.

Crea una sección de cuadrícula de productos con pestañas para Shopify que:

• Permite a los comerciantes configurar pestañas como "Tendencias", "Novedades", "Los más vendidos".
• Cada pestaña muestra productos de una colección o etiqueta diferente.
• Las pestañas se pueden personalizar en el editor de temas.

Construya una cuadrícula de productos que:

• Muestra imágenes alternativas o detalles del producto al pasar el mouse sobre ellos.
• Permite a los comerciantes personalizar el efecto de desplazamiento (zoom, desvanecimiento, deslizamiento)
• Está optimizado tanto para computadoras de escritorio como para dispositivos móviles.

Generar una cuadrícula de productos donde:

• Cada producto muestra muestras de colores disponibles debajo de la imagen.
• Las muestras se pueden hacer clic y actualizan la imagen principal.
• Los colores de las muestras se establecen a través de variantes del producto.

Cree una cuadrícula de productos que:

• Muestra insignias como "En stock", "Stock bajo", "Agotado" según el inventario.
• Los umbrales de inventario se pueden configurar en la configuración del tema.
• Las insignias se actualizan en tiempo real si es posible

Construya una cuadrícula de productos que:

• Utiliza HTML semántico para listados de productos (por ejemplo, <article>, <h2>, <img>)
• Incluye marcado de schema.org para productos, precios y reseñas.
• Está optimizado para una carga rápida y accesibilidad.

Cree una sección de cuadrícula de productos que:

• Permite a los usuarios agregar o eliminar productos a una lista de deseos.
• Guarda la lista de deseos en localStorage o a través de los metacampos del cliente de Shopify
• Muestra un icono de lista de deseos en cada producto.

Generar una cuadrícula de productos donde:

• Cada producto tiene un botón rápido "Agregar al carrito".
• Admite selección de variantes si es necesario
• Actualiza el recuento de carritos en tiempo real

Construya una cuadrícula de productos que:

• Muestra la calificación promedio de estrellas y el recuento de reseñas debajo de cada producto.
• Se integra con la aplicación de reseñas de productos de Shopify o metacampos

Crea una cuadrícula de productos donde:

• Los productos muestran rangos de precios si hay múltiples variantes
• Muestra el precio de comparación y el porcentaje de descuento si está en oferta.
• La insignia de venta es personalizable

Genere una sección de cuadrícula de producto que:

• Apila productos verticalmente en el móvil
• Permite gestos de deslizamiento para desplazamiento horizontal.
• Mantiene tiempos de carga rápidos y objetivos táctiles.

Construya una cuadrícula de productos donde:

• Cada producto muestra el nombre del proveedor o la marca encima del título.
• La visualización del proveedor se puede alternar en la configuración del tema

Cree una cuadrícula de productos que:

• Muestra un temporizador de cuenta regresiva en productos con ventas activas.
• El temporizador extrae la fecha de finalización de la venta de los metacampos del producto
• Oculta el temporizador cuando finaliza la venta

Construya una cuadrícula de productos que:

• Muestra metacampos de categoría (por ejemplo, tamaño, color, tela) debajo de cada producto
• Extrae datos de la taxonomía de productos estándar y los metacampos de Shopify
• Permite a los comerciantes elegir qué atributos mostrar

Cree una sección de cuadrícula de productos que:

• Incluye controles de paginación accesibles y compatibles con SEO
• Permite a los comerciantes configurar productos por página.
• Admite paginación numerada y "Cargar más"

Generar una cuadrícula de productos donde:

• Los productos etiquetados como "nuevo" o "destacado" muestran etiquetas personalizadas.
• El texto y el color de la etiqueta se pueden editar en la configuración del tema.

Construya una sección de cuadrícula de productos que:

• Permite a los usuarios seleccionar productos para compararlos uno al lado del otro.
• Abre un modal o sección de comparación con las especificaciones del producto seleccionado

Cree una cuadrícula de productos que:

• Asegura que todas las imágenes tengan atributos alt
• Utiliza roles ARIA para todos los elementos interactivos
• Es totalmente navegable mediante teclado.

Construya una sección que:

• Muestra una cuadrícula de productos vistos recientemente para el usuario.
• Almacena los productos vistos en localStorage o a través de los metacampos del cliente de Shopify
• Es responsivo y personalizable.

Cree una cuadrícula de productos que:

• Permite a los usuarios ordenar productos por precio, popularidad o más nuevos.
• Las opciones de clasificación se pueden configurar en la configuración del tema.