Correcto
Separador
Cree espaciado adaptable entre bloques, con una línea divisoria opcional para separar el contenido con mayor claridad.
Use el bloque Separador para añadir espacio adicional entre contenido cercano o para colocar un divisor simple entre dos partes de una página. Funciona bien cuando un diseño necesita un ritmo más limpio, una separación más clara o un espaciado diferente en escritorio y móvil. Consulte el bloque Separador para obtener detalles de los ajustes.
Para una visión general más amplia de cómo funcionan los bloques en el editor, consulte la documentación de Shopify sobre secciones y bloques
Ajustes principales
Sección titulada «Ajustes principales»Los ajustes principales controlan dos cosas: cuánto espacio añade el bloque y si ese espacio incluye una línea visible.
Establezca la altura de escritorio y móvil por separado para mantener un espaciado cómodo en pantallas grandes sin que las más pequeñas se sientan demasiado amplias. En la mayoría de los diseños, el espaciado móvil se beneficia de un valor más bajo que el de escritorio.
El estilo de línea le permite elegir entre espacio vacío y un divisor visible. Use una línea cuando quiera separar distintos tipos de contenido o indicar una transición más marcada, y use None cuando el espaciado por sí solo sea suficiente.
El color del separador cambia el color del divisor cuando se activa un estilo de línea. Si deja el color transparente, el bloque usa el color del borde del tema, que normalmente es la forma más sencilla de mantener el separador visualmente coherente.
Ajustes estándar de bloque
Sección titulada «Ajustes estándar de bloque»Ajustes de visibilidad
Sección titulada «Ajustes de visibilidad»Use los controles de visibilidad para mostrar este bloque en todos los dispositivos u ocultarlo en escritorio o móvil. Esto es especialmente útil cuando desea distintos patrones de espaciado para pantallas más pequeñas o cuando un divisor solo mejora uno de los diseños. Consulte los ajustes de visibilidad.
Notas de uso
Sección titulada «Notas de uso»- Ajuste cada vista. Revise el separador en escritorio y móvil, ya que el espaciado, la alineación, la visibilidad y el comportamiento relacionado con los medios pueden diferir entre tamaños de pantalla.
- Use el espaciado móvil con cuidado. Reduzca primero la altura móvil si la página se ve demasiado holgada en pantallas pequeñas.
- Conserve el estilo alternativo cuando sea posible. Deje el color transparente o use valores de estilo predeterminados cuando quiera que el separador se integre con el estilo estándar del tema.
- Haga que las anulaciones cuenten. Use colores explícitos, degradados o anulaciones basadas en medios solo cuando quiera que el área del separador destaque más frente al contenido circundante.
- Use las líneas de forma deliberada. Añada una línea divisoria solo cuando necesite una separación visual más marcada de la que el espaciado por sí solo puede ofrecer.
- Espere un espacio mínimo. No dependa de un ajuste de altura de 0 para lograr un espaciado completamente pegado entre bloques.