Categoría 2: Cuadrículas y listados de productos
25 indicaciones de Claude.AI creadas por expertos para crear exhibiciones de productos de Shopify
Cuadrícula dinámica de productos con filtrado
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.
Listado de productos de Infinite Scroll
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
Cuadrícula de productos con modales de vista rápida
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
Visualización de tipo de producto personalizado
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.
Cuadrícula con insignias personalizables
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.
Cuadrícula de productos estilo mampostería
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.
Cuadrícula de productos con pestañas (Tendencias/Nuevos/Más vendidos)
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.
Cuadrícula de productos con efectos de desplazamiento
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.
Cuadrícula con muestras de color
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.
Cuadrícula con insignias de estado de inventario
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
Cuadrícula de productos optimizada para SEO
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.
Cuadrícula con integración de lista de deseos
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.
Cuadrícula de productos con adición rápida al carrito
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
Cuadrícula con calificaciones y reseñas
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
Cuadrícula con rangos de precios y descuentos
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
Cuadrícula de productos optimizada para dispositivos móviles
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.
Cuadrícula con visualización de proveedor/marca
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
Cuadrícula con temporizador de cuenta regresiva para ventas
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
Cuadrícula con metacampos de categoría de producto
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
Cuadrícula con controles de paginación
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"
Cuadrícula con etiquetas personalizadas para nuevos/destacados
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.
Cuadrícula con función de comparación de productos
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
Cuadrícula con mejoras de accesibilidad
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.
Cuadrícula con productos vistos recientemente
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.
Cuadrícula con opciones de clasificación personalizadas
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.
Modo de empleo:
- Copia cualquier mensaje en Claude.AI 3.7
- Añade tu marca o requisitos especiales
- Pegue el código generado en su editor de temas de Shopify
- Personalice utilizando los campos de esquema proporcionados en el Editor de temas de Shopify
¡Mensaje copiado al portapapeles!