Correcto
¿Cómo puedo hacer que los banners se vean mejor en ordenadores y móviles?
Usa secciones de banner independientes y ajustes de visibilidad para adaptar los diseños a ordenadores y móviles.
- Documentación de Shopify sobre la carga de imágenes: prácticas recomendadas para banners con imágenes, proporciones y puntos focales
- Documentación de Shopify sobre la descripción general de las funciones del editor de temas: previsualizar y comparar diseños para ordenadores y móviles
- Documentación de Shopify sobre la personalización de secciones
- Documentación de Company XYZ sobre los ajustes de visibilidad
Empieza con una sola sección de Banner. Align te permite ajustar la proporción del banner y los medios de fondo para móviles, por lo que normalmente puedes mejorar el diseño para pantallas pequeñas sin crear una segunda versión.
Ajustar el banner para móviles
Sección titulada «Ajustar el banner para móviles»- Abre la sección Banner en el editor de temas.
- Elige la proporción y los medios de fondo que quieras usar en ordenadores.
- Establece una proporción para móviles más alta si la imagen o el texto se ven demasiado ajustados en pantallas pequeñas.
- Añade medios de fondo específicos para móviles cuando la imagen para ordenadores no se recorte correctamente en móviles.
- Obtén una vista previa tanto en ordenador como en móvil antes de guardar.
Para consultar las herramientas de vista previa, visita la documentación de Shopify sobre las funciones del editor de temas
Mantén el texto importante y los detalles de la imagen alejados de los bordes, donde es más probable que se produzcan recortes. Para obtener orientación sobre imágenes, consulta la documentación de Shopify sobre la carga de imágenes de temas
Usar banners independientes solo cuando sea necesario
Sección titulada «Usar banners independientes solo cuando sea necesario»Si la versión para móviles necesita un texto o contenido diferente, o un diseño considerablemente distinto, duplica la sección de Banner. Usa Ajustes de visibilidad para mostrar una versión en ordenadores y la otra en móviles.