Categoría 6: Bloques de contenido y acordeones

Crea una sección de acordeón de preguntas frecuentes para Shopify que:

• Carga preguntas y respuestas desde metacampos o configuraciones de temas
• Permite a los comerciantes reordenar las preguntas frecuentes en el editor de temas
• Incluye animaciones suaves de expansión/contracción.
• Es totalmente accesible y compatible con dispositivos móviles.

Cree una sección de contenido con pestañas que:

• Admite hasta 5 pestañas, cada una con un título y contenido de texto enriquecido.
• Los comerciantes pueden agregar, eliminar o reordenar pestañas en el editor de temas
• Es receptivo y accesible

Genere una barra de anuncios plegable que:

• Los comerciantes pueden mostrar/ocultar con un interruptor
• Incluye mensaje editable y enlace opcional.
• Los usuarios pueden descartarlo y recuerda el estado a través de localStorage

Cree una sección de lista de características que:

• Admite hasta 8 funciones, cada una con icono, título y descripción.
• Los comerciantes pueden personalizar los íconos y realizar pedidos en el editor de temas.
• Se muestra en formato de cuadrícula o fila y responde en todos los dispositivos.

Cree un control deslizante de imágenes de antes y después que:

• Permite a los usuarios arrastrar un control deslizante para revelar cambios entre dos imágenes.
• Los comerciantes pueden cargar ambas imágenes en el editor de temas.
• Es táctil y responsivo.

Cree una sección de detalles del producto que:

• Utiliza acordeones para especificaciones, instrucciones de cuidado e información de envío.
• Los comerciantes pueden agregar/editar bloques de contenido para cada sección
• Los acordeones son accesibles y navegables mediante teclado.

Generar una sección de cuadrícula de iconos que:

• Muestra hasta 12 iconos con títulos y enlaces opcionales.
• Los comerciantes pueden cargar archivos SVG o elegir entre una biblioteca de íconos preestablecidos
• Admite diseño de cuadrícula con columnas ajustables

Construye una sección de equipo donde:

• Cada miembro del equipo es un bloque plegable con foto, nombre, rol y biografía.
• Los comerciantes pueden agregar, eliminar y reordenar miembros en el editor de temas
• La sección es responsiva y accesible.

Cree un bloque de información plegable para envíos y devoluciones que:

• Se coloca en las páginas de productos o carritos.
• Los comerciantes pueden editar contenido en el editor de temas.
• Se contrae/expande con animación y es accesible mediante el teclado.

Genere una sección de tabla de comparación que:

• Permite a los comerciantes agregar hasta 5 columnas y 10 filas de características/especificaciones
• Apoya el resaltado de las diferencias clave
• Es responsivo y desplazable en dispositivos móviles.

Cree una sección plegable para las políticas de la tienda (por ejemplo, Privacidad, Términos, Reembolsos) que:

• Carga contenido de páginas o configuraciones de temas
• Admite múltiples políticas como bloques colapsables
• Es accesible y compatible con dispositivos móviles.

Crear una sección de acordeón donde:

• Cada pregunta/encabezado puede mostrar un ícono junto al texto.
• Los comerciantes pueden elegir íconos de un ajuste preestablecido o cargar los suyos propios.
• Los acordeones están diseñados para facilitar la accesibilidad y la claridad.

Genere un bloque colapsable para los ingredientes del producto que:

• Se expande para mostrar la lista completa de ingredientes al hacer clic o tocar
• Los comerciantes pueden editar los ingredientes en el editor de temas.
• Está diseñado para productos de belleza, alimentos o suplementos.

Cree una sección con pestañas para las páginas de productos que:

• Admite pestañas para Descripción, Ingredientes, Reseñas y Envío.
• Los comerciantes pueden personalizar los títulos y el contenido de las pestañas
• Las pestañas son accesibles y responsivas

Crea un menú de acordeón para las categorías del blog que:

• Se expande para mostrar publicaciones en cada categoría.
• Los comerciantes pueden reordenar las categorías en el editor de temas
• Es compatible con dispositivos móviles y accesible.

Generar un bloque de contenido que:

• Muestra el horario de la tienda colapsado de forma predeterminada y se expande al hacer clic.
• Los comerciantes pueden establecer horarios para cada día en el editor de temas.
• Es accesible y receptivo

Construya un acordeón de preguntas frecuentes que:

• Incluye una barra de búsqueda para filtrar preguntas en tiempo real.
• Los comerciantes pueden agregar/editar preguntas frecuentes en el editor de temas
• Es accesible y está optimizado para dispositivos móviles.

Crea un bloque plegable para guías de regalos que:

• Se expande para mostrar enlaces o colecciones de productos seleccionados
• Los comerciantes pueden actualizar el contenido de la guía estacionalmente
• Está diseñado para vacaciones u ocasiones especiales.

Generar una sección de acordeón que:

• Permite texto enriquecido e imágenes en cada panel expandido
• Los comerciantes pueden agregar/editar contenido en el editor de temas
• Es totalmente receptivo y accesible.

Crea un bloque de contenido que:

• Muestra u oculta secciones según las etiquetas del cliente, el valor del carrito o el tipo de página
• Los comerciantes pueden establecer reglas de visualización en el editor de temas

Construya una sección de acordeón que:

• Muestra el contenido en el idioma seleccionado por el cliente.
• Extrae traducciones de metacampos o Shopify Markets
• Incluye contenido de respaldo si falta la traducción

Generar una sección de acordeón que:

• Utiliza atributos ARIA, navegación por teclado y estilos de alto contraste.
• ¿Es totalmente compatible con lectores de pantalla?