Fila

Enlaces destacados

1. Documentación de Company XYZ sobre el bloque de acordeón
2. Documentación de Shopify sobre secciones y bloques
3. Documentación de Shopify sobre metacampos y fuentes dinámicas
4. Documentación de Company XYZ sobre extractos
5. Documentación de Company XYZ sobre iconos
6. Documentación de Company XYZ sobre el uso de vídeo
7. Documentación de Company XYZ sobre los ajustes de visibilidad

Videos útiles

Vídeo de Shopify Academy: Cómo personalizar tu tienda

Vídeo de Shopify Academy: Cómo personalizar tu tienda

Use el bloque Row para añadir un solo elemento plegable a un acordeón. Funciona bien para preguntas frecuentes, detalles de envío, instrucciones de cuidado, resúmenes de políticas o cualquier otro contenido que deba permanecer disponible sin ocupar demasiado espacio.

Puede introducir el contenido directamente en el bloque o extraerlo de contenido existente. Para una referencia de función más amplia, consulte la Acordeón. Para una visión general de Shopify sobre cómo funcionan los bloques en el editor de temas, consulte la documentación de Shopify sobre secciones y bloques

Ajustes principales

Los ajustes principales determinan el contenido y el comportamiento de la fila. Puede controlar si la fila se abre al inicio, añadir un encabezado personalizado, incluir un icono opcional en el encabezado y decidir si el cuerpo usa texto enriquecido manual o contenido enlazado.

Si asigna tanto una entrada de blog como una página, la página reemplaza a la entrada del blog. Esto hace que el ajuste de página sea una buena opción cuando desea un reemplazo rápido sin cambiar el resto del bloque.

Cuando usa contenido enlazado, la opción de extracto es útil si desea un resumen más corto en lugar del texto completo. Esto funciona mejor cuando los extractos ya están redactados de forma clara y coherente. Para obtener detalles de configuración sobre contenido conectado, consulte la documentación de Shopify sobre metafields and dynamic sources. Para más información sobre los extractos, consulte Excerpts.

Use el campo de contenido propio del bloque cuando necesite control total sobre la redacción y el formato. Use contenido enlazado cuando quiera que la fila se mantenga sincronizada con el contenido que ya administra en otro lugar.

Botones y enlaces

Puede añadir un botón manual o mostrar automáticamente un enlace al contenido enlazado. El enlace automático es útil cuando la fila actúa como una vista previa, mientras que un botón manual le da más control sobre el destino y la llamada a la acción.

Elija un estilo de botón que coincida con la importancia de la acción. Los botones a ancho completo en móvil pueden ser más fáciles de tocar, especialmente cuando la fila contiene texto o medios más largos.

Si usa un icono en el encabezado o en el botón, manténgalo simple y coherente. Para obtener ayuda con el formato de iconos, consulte Icons.

Ajustes de imagen

Este grupo le permite añadir medios visuales opcionales a la fila. Puede colocar la imagen antes o después del texto según si lo visual debe presentar el tema o apoyarlo después del contenido escrito.

Una imagen suele ser la mejor opción para filas informativas breves. El video es más eficaz cuando el contenido necesita una demostración, movimiento o una explicación visual más sólida.

Opciones de video

Puede usar un video alojado o una URL de un servicio de video compatible. Si usa un video alojado, añadir una imagen posterior suele crear una primera impresión más limpia antes de que empiece la reproducción.

La reproducción automática puede hacer que la fila se sienta más dinámica, pero funciona mejor con videos cortos que sigan teniendo sentido sin sonido. La repetición continua puede ser adecuada para clips ambientales o de demostración, mientras que los controles del reproductor son mejores cuando los visitantes pueden querer pausar, reproducir de nuevo o desplazarse por el video.

Precaución

Los videos grandes o de alto bitrate pueden hacer que el contenido del acordeón se sienta pesado y tarde más en cargarse. Si la fila es principalmente informativa, una imagen suele ser la mejor opción.

Para obtener orientación sobre la configuración de video, consulte Using video.

Relación de aspecto

Los ajustes de relación de aspecto ayudan a que los medios mantengan una coherencia visual entre varias filas. Use una relación compartida cuando quiera que el acordeón se vea ordenado, y use la relación predeterminada cuando sea más importante conservar la forma original del medio que la uniformidad.

La relación de aspecto para móvil es útil cuando un recorte de escritorio no se adapta bien a pantallas más pequeñas. Esto es especialmente útil para medios en formato vertical o visuales con detalles importantes cerca de los bordes.

Ajustes estándar de bloque

Ajustes de visibilidad

Los ajustes de visibilidad controlan si este bloque aparece en escritorio, en móvil o en ambos. Esto es más útil cuando desea un acordeón móvil más simple o una prioridad de contenido diferente según el dispositivo.

Para obtener más detalles, consulte Ajustes de visibilidad.

Notas de uso

1. Escriba encabezados claros. Haga que el encabezado de cada fila sea lo bastante específico para que los visitantes puedan decidir si desean expandirlo.
2. Elija un método principal de contenido. Use contenido enlazado para reutilización y actualizaciones centralizadas, o texto enriquecido manual para un control más preciso dentro del bloque.
3. Use los medios con un propósito. Añada imágenes o video solo cuando ayuden a explicar la fila, no solo para que el acordeón parezca más completo.
4. Mantenga las acciones centradas. Si añade un botón, asegúrese de que su destino aporte valor más allá de simplemente abrir el contenido de la fila.
5. Revise ambos viewports. Revise por separado escritorio y móvil para que la alineación, la visibilidad y los recortes de medios sigan funcionando como se espera en cada tamaño de pantalla.
6. Confirme el estilo de reserva. Deje valores vacíos o con estilo predeterminado cuando quiera que la fila se mezcle con el acordeón circundante; use colores explícitos o opciones de medios cuando quiera que el bloque destaque más por sí mismo.