Ajustes de diseño del pie de página

Enlaces destacados

1. Documentación de Shopify sobre el editor de temas
2. Documentación de Shopify sobre secciones y bloques
3. Documentación de Company XYZ sobre los ajustes de diseño del pie de página

Videos útiles

Vídeo de Shopify Academy: personalización de su tienda

Vídeo de Shopify Academy: personalización de su tienda

Use estos ajustes para definir cómo encaja un elemento del pie de página en la disposición general del pie de página. Son especialmente útiles cuando desea una agrupación más clara, un mejor espaciado o una jerarquía visual más clara en todo el pie de página. Para obtener más contexto sobre cómo se gestionan estos ajustes en el editor, consulte la documentación de Shopify sobre el editor de temas

Ajustes de diseño

Estos controles afectan a cómo fluye un elemento del pie de página junto con otro contenido del pie de página. Puede usarlos para permitir que un elemento se expanda en el espacio horizontal adicional, comience una columna separada o pase a una nueva fila. Para obtener una visión general más amplia de cómo se organiza el contenido del tema, consulte la documentación de Shopify sobre secciones y bloques

Rellenar el espacio disponible es ideal para contenido que se beneficia de un ancho adicional, como texto más largo o áreas que de otro modo dejarían espacios incómodos. Ayuda a que un elemento ocupe el espacio restante de la fila para que el pie de página se vea más equilibrado.

Rellenar el espacio disponible solo cambia el diseño de escritorio. Compruebe las pantallas más grandes al revisar su efecto.

Mostrar en una nueva columna inicia el elemento en una agrupación vertical separada. Úselo cuando desee una separación más clara entre distintos tipos de contenido del pie de página, como enlaces, datos de contacto o información de marca.

Mostrar en una nueva fila proporciona a un elemento una separación mayor al moverlo debajo de la fila actual. Esto es útil cuando un elemento del pie de página debe sentirse distinto de los elementos que están encima de él en lugar de compartir la misma línea horizontal.

Al decidir entre estas opciones, piense primero en el flujo de lectura. Iniciar una nueva columna o fila cambia cómo se examina el pie de página, mientras que rellenar el espacio disponible cambia principalmente con qué fuerza un elemento ancla el diseño.

Para obtener más detalles sobre cómo se espera que funcionen estos controles de diseño, consulte la referencia de ajustes de diseño.

Notas de uso

1. Agrupe contenido similar. Inicie una nueva columna cuando quiera que los elementos del pie de página se lean como grupos separados en lugar de un único grupo continuo.
2. Use el ancho adicional con un propósito. Haga que un elemento rellene el espacio disponible solo cuando un contenido más ancho mejore el equilibrio o la legibilidad.
3. Reserve las nuevas filas para una separación mayor. Mueva un elemento a una nueva fila cuando deba situarse claramente debajo del contenido principal del pie de página.
4. Revise ambas vistas. Los controles de escritorio y móvil pueden producir un comportamiento diferente de diseño, alineación, visibilidad o medios, así que compruebe ambos tamaños de pantalla antes de terminar.
5. Mantenga el pie de página fácil de escanear. Demasiados saltos forzados de fila y columna pueden hacer que el pie de página parezca fragmentado.
6. Tenga en cuenta el flujo del cliente. Los elementos de navegación reordenados u ocultos pueden cambiar a qué pueden acceder los visitantes, especialmente cuando los enlaces del pie de página alimentan menús, paneles o controles solo para móvil.