Categoría 5: Deslizadores y carruseles
22 indicaciones de Claude.AI creadas por expertos para crear elementos de carrusel y control deslizante de Shopify
Carrusel de productos destacados
Crea una sección de Shopify para un carrusel de productos destacados que:
- Muestra productos de una colección seleccionada
- Admite flechas y puntos de navegación.
- Permite a los comerciantes establecer el número de artículos por diapositiva
- Implementa la carga diferida de imágenes
Control deslizante de testimonios
Cree una sección deslizante de testimonios que:
- Admite hasta 10 testimonios, cada uno con nombre, foto y cita.
- Cuenta con reproducción automática con velocidad ajustable
- Es compatible con dispositivos móviles con gestos de deslizamiento.
- Permite a los comerciantes agregar, eliminar o reordenar testimonios.
Carrusel de publicaciones del blog
Genere una sección de carrusel de publicaciones de blog que:
- Muestra publicaciones recientes del blog con imagen, título, extracto y botón "Leer más".
- Admite controles de navegación y desplazamiento horizontal.
- Es totalmente responsivo
Carrusel de logotipos de marca
Cree una sección de carrusel para logotipos de marca que:
- Muestra hasta 12 logotipos de marcas o socios.
- Admite desplazamiento automático y navegación manual.
- Los comerciantes pueden cargar logotipos y establecer enlaces en el editor de temas.
Deslizador de galería de imágenes de productos
Cree un control deslizante de imágenes en la página del producto que:
- Muestra todas las imágenes de productos como una galería deslizable.
- Incluye miniaturas para una navegación rápida.
- Admite zoom con pellizco en dispositivos móviles
Carrusel "Compra el look"
Generar una sección de carrusel "Compra el look" que:
- Presenta conjuntos o paquetes con estilo
- Permite a los usuarios hacer clic en los elementos del carrusel para verlos o agregarlos al carrito.
- Los comerciantes pueden agregar/editar looks en el editor de temas
Control deslizante de imágenes de antes y después
Cree un control deslizante de imágenes para realizar comparaciones de antes y después que:
- Permite a los usuarios arrastrar un control deslizante para revelar los cambios.
- Los comerciantes pueden cargar dos imágenes por control deslizante
- Es sensible y táctil.
Carrusel de fotos de clientes
Cree una sección de carrusel para las fotos enviadas por los clientes que:
- Muestra imágenes con nombres de clientes o subtítulos.
- Permite la moderación y aprobación en el editor de temas.
- Admite deslizamiento y reproducción automática.
Control deslizante de productos de múltiples colecciones
Genere un control deslizante de producto que:
- Permite a los comerciantes presentar productos de múltiples colecciones en pestañas
- Cada pestaña muestra una colección diferente como un carrusel.
- Las pestañas y colecciones se pueden personalizar en el editor de temas.
Carrusel de testimonios con valoraciones
Crea un carrusel de testimonios que:
- Muestra reseñas de clientes, calificaciones de estrellas y fotos.
- Admite reproducción automática y navegación manual.
- Los comerciantes pueden editar testimonios y calificaciones en el editor de temas.
Carrusel de feeds de Instagram
Crea una sección de carrusel de feeds de Instagram que:
- Extrae las últimas publicaciones de una cuenta de Instagram específica.
- Muestra imágenes en un carrusel deslizable con enlaces a publicaciones.
- Los comerciantes pueden establecer el número de imágenes que se mostrarán
Carrusel de cuenta regresiva de ventas
Generar un carrusel de productos que:
- Muestra los productos actualmente en venta con una superposición de temporizador de cuenta regresiva.
- Los comerciantes pueden establecer la fecha y hora de finalización de la venta para cada producto.
- El temporizador se oculta automáticamente cuando finaliza la venta.
Carrusel con puntos de interrupción personalizables
Crea una sección de carrusel que:
- Permite a los comerciantes establecer puntos de interrupción personalizados para la cantidad de diapositivas visibles en computadoras de escritorio, tabletas y dispositivos móviles.
- Admite gestos de arrastrar y deslizar y navegación con el teclado.
Carrusel de accesibilidad primero
Construya una sección de carrusel que:
- Utiliza roles y etiquetas ARIA para todos los controles
- Es totalmente navegable mediante teclado.
- Incluye controles para saltar al contenido y pausar/reproducir para mayor accesibilidad.
Carrusel con transiciones de diapositivas animadas
Generar un carrusel que:
- Admite múltiples efectos de transición (deslizamiento, desvanecimiento, zoom)
- Los comerciantes pueden elegir el estilo y la velocidad de transición en el editor de temas.
Carrusel con vista rápida del producto
Crea un carrusel de productos donde:
- Cada producto tiene un botón "Vista rápida" que abre un modal con detalles del producto.
- Modal admite agregar al carrito y selección de variantes
Carrusel con fondos de sección
Construya una sección de carrusel que:
- Permite a los comerciantes establecer una imagen o color de fondo para todo el carrusel.
- Admite superposición de texto o gráficos.
Carrusel con insignias dinámicas
Generar un carrusel de productos que:
- Muestra insignias personalizadas (por ejemplo, "Nuevo", "Más vendido") en diapositivas según etiquetas de producto o metacampos
- El estilo de la insignia se puede personalizar en el editor de temas.
Carrusel con diapositivas de vídeo
Crea una sección de carrusel que:
- Admite diapositivas de imagen y vídeo.
- Los comerciantes pueden cargar videos o incrustarlos desde YouTube/Vimeo
- Las diapositivas de video se reproducen automáticamente y se repiten en bucle, con opción de silencio
Carrusel con soporte multilingüe
Construya una sección de carrusel que:
- Muestra el contenido de las diapositivas (títulos, subtítulos, CTA) en el idioma seleccionado por el cliente.
- Extrae traducciones de metacampos o Shopify Markets
- Incluye contenido de respaldo si falta la traducción
Carrusel con bucle infinito
Generar un carrusel que:
- Se repite infinitamente en ambas direcciones
- Admite reproducción automática con velocidad ajustable.
- Los comerciantes pueden habilitar o deshabilitar el bucle infinito en el editor de temas
Carrusel con programación de secciones
Crea una sección de carrusel que:
- Los comerciantes pueden programar su aparición solo durante fechas específicas (por ejemplo, promociones festivas)
- La sección se oculta o muestra automáticamente según el cronograma
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