Ajustes de visibilidad

Enlaces destacados

1. Documentación de Shopify sobre secciones y bloques
2. Documentación de Company XYZ sobre los ajustes de visibilidad
3. Documentación de Shopify sobre la personalización de secciones
4. Descripción general de las funciones del editor de temas de Shopify

Videos útiles

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

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

Utilice estos ajustes para decidir si una sección aparece en escritorio, móvil o en ambos. Son especialmente útiles cuando desea un diseño móvil más sencillo, una presentación específica para escritorio o versiones separadas del mismo contenido para distintos tamaños de pantalla. Para obtener contexto sobre cómo funcionan las secciones en el editor de temas, consulte la documentación de Shopify sobre secciones y bloques

Visibilidad

El control de visibilidad le permite mantener una sección visible en todas partes o ocultarla en escritorio o en móvil. Esto le ofrece una forma práctica de adaptar los diseños de las páginas por dispositivo sin eliminar el contenido de la configuración de su tema.

Un uso habitual es crear versiones alternativas para escritorio y móvil del mismo contenido. Por ejemplo, podría usar un diseño más detallado en pantallas grandes y una versión más breve y fácil de revisar en pantallas pequeñas. Puede encontrar más detalles en la referencia de origen para este concepto de ajuste: documentación de Company XYZ sobre ajustes de visibilidad.

Ocultar una sección en un dispositivo no crea automáticamente una segunda versión. Si desea contenido diferente para escritorio y móvil, añada versiones separadas y configure cada una para que aparezca solo donde sea necesario.

Este ajuste resulta más útil cuando desea:

1. Reducir la saturación visual en pantallas pequeñas.
2. Mostrar un diseño promocional o informativo solo para móvil.
3. Mantener una disposición más compleja para los visitantes de escritorio.
4. Probar distintas presentaciones de contenido por tipo de dispositivo.

Notas de uso

1. Combine cuidadosamente las versiones alternativas. Si crea versiones separadas para escritorio y móvil, mantenga alineados el mensaje y el propósito para que la experiencia siga siendo coherente. Si necesita ayuda para trabajar con diseños basados en secciones, revise la documentación de Shopify sobre la personalización de secciones
2. Proteja el contenido importante. Al ocultar una sección en un dispositivo, asegúrese de que el mensaje o la acción clave siga apareciendo en otro lugar para esos visitantes.
3. Simplifique para pantallas pequeñas. Use la visibilidad específica para móvil cuando un diseño más breve o más limpio ayude a los clientes a revisar y actuar con mayor facilidad.
4. Revise ambas vistas del dispositivo. Los controles de escritorio y móvil pueden afectar de distintas maneras el diseño, la alineación, la visibilidad y el comportamiento del contenido multimedia, así que previsualice ambas vistas después de realizar cambios. La documentación de Shopify sobre la descripción general de las funciones del editor de temas puede ayudarle a orientarse en las opciones de vista previa y edición.
5. Tenga en cuenta el estilo de reserva. Dejar un ajuste en blanco o en su valor predeterminado suele conservar el estilo de reserva del tema, mientras que elegir un color, degradado o anulación de contenido multimedia explícitos hace que esa área se comporte de forma más independiente.
6. Revise las opciones de contenido multimedia en ambos dispositivos. Si configura contenido multimedia separado para escritorio y móvil, compruebe el recorte, la carga, la reserva y la legibilidad para que la sección siga viéndose clara en cada tamaño de pantalla.