Configuración del fondo de sección

Enlaces destacados

1. Documentación de Shopify sobre secciones y bloques
2. Documentación de Company XYZ sobre el uso de videos

Videos útiles

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

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

Use este grupo de ajustes para controlar el tratamiento de fondo detrás del contenido de una sección. Para un contexto de configuración más amplio, consulte documentación de Shopify sobre secciones y bloques. Puede mantenerlo simple con color, añadir profundidad con degradados o usar fondos de imagen y video con superposiciones para crear más impacto visual sin comprometer la legibilidad.

Estilo de fondo

Elija el tratamiento más ligero que encaje con la función de la sección.

1. Use un color de fondo para secciones limpias y con poca distracción.
2. Use un degradado de fondo cuando quiera más profundidad o un estilo de marca.
3. Use una imagen de fondo para fotografía, textura o ilustración.
4. Use un video de fondo cuando el movimiento apoye claramente el mensaje.

Si se aplica un degradado, este tiene prioridad sobre el ajuste de color sólido correspondiente.

Si parece que un color de fondo o de superposición no se actualiza, compruebe si hay un degradado configurado. Los degradados sobrescriben el color sólido equivalente.

Controles de superposición

Los ajustes de superposición ayudan a mantener legibles el texto, los botones y otros contenidos sobre fondos de imagen o video. Puede usar una superposición sólida o una superposición con degradado y luego ajustar la opacidad para equilibrar la claridad con la cantidad de medio que permanece visible.

Una opacidad más baja deja ver más del fondo. Una opacidad más alta suele ser mejor para secciones con texto más largo, tipografía más pequeña o varias acciones.

Medio de fondo

Las imágenes suelen ser la forma más segura de añadir riqueza visual sin que la página parezca demasiado cargada. El video funciona mejor cuando el movimiento es sutil y apoya el contenido en lugar de competir con él.

Para fondos de video, use clips cortos que sigan teniendo sentido sin sonido y que no dependan de detalles finos. Para obtener orientación práctica, consulte documentación de Company XYZ sobre las mejores prácticas para archivos de video.

Precaución

Un medio de fondo grande o recargado puede dificultar la lectura de una sección, especialmente en móvil. Si la legibilidad se vuelve inconsistente, simplifique el medio o refuerce la superposición.

Medio específico para móviles

Puede configurar imágenes o videos de fondo móviles independientes cuando el recurso de escritorio se recorta mal o pierde su punto focal en pantallas más pequeñas. Si deja vacío el ajuste específico para móviles, se usa en su lugar la imagen o el video de fondo principal.

Use un recurso específico para móviles cuando el sujeto necesite un recorte diferente, cuando una composición vertical funcione mejor o cuando el video de escritorio se vea demasiado ancho o visualmente denso en teléfonos.

Opciones prácticas de configuración

Los mejores resultados suelen venir de combinar el estilo de fondo con la densidad de contenido de la sección.

1. Elija solo color o degradado para secciones con mucho contenido donde la claridad es lo más importante.
2. Elija imagen más superposición para secciones promocionales o editoriales que necesiten más ambiente.
3. Elija video más superposición solo cuando el movimiento aporte un valor claro y la sección tenga suficiente espacio para mostrarlo bien.
4. Añada medio específico para móviles solo cuando el recurso principal cree un problema real de recorte o legibilidad.

Notas de uso

1. Empiece de forma simple. Comience con color o degradado antes de añadir medios, y aumente la complejidad visual solo cuando mejore el mensaje de la sección.
2. Compruebe el contraste pronto. Ajuste la superposición antes de cambiar los estilos de texto para que los encabezados, el texto principal y los botones sigan siendo fáciles de leer.
3. Revise ambas vistas. Los controles de escritorio y móvil pueden producir distintos comportamientos de recorte, alineación, visibilidad y medio, así que pruebe ambos antes de publicar.
4. Espere un estilo de respaldo. Los valores vacíos, transparentes o con estilo predeterminado suelen conservar el aspecto existente, mientras que los colores, degradados o medios explícitos hacen que la sección sea más independiente.
5. Use video de forma selectiva. Reserve los fondos en movimiento para áreas de alto impacto en lugar de repetirlos en muchas secciones.
6. Conserve la jerarquía. Los tratamientos de fondo intensos atraen la atención, así que úselos donde quiera que la sección destaque más.