El Slideshow muestra varias imágenes o vídeos uno tras otro, cada uno con su propio texto y sus propios botones. Úsalo para mostrar varias promociones en el mismo espacio.
Añadir un slideshow y sus diapositivas
- Abre el constructor y elige Home page en la pestaña Pages.
- En la pestaña Sections, haz clic en Add new section y elige Slideshow en el grupo Content.
- Selecciona el slideshow y haz clic en Add new block para añadir una Slide. Arrastra las diapositivas para cambiar su orden.
El slideshow solo está disponible en la página de inicio. Puedes añadir 2 por página, cada uno con hasta 7 diapositivas. Oculta una diapositiva para guardarla para más adelante sin mostrarla.
Ajustes del slideshow
- Mode: Frame muestra una diapositiva de borde a borde y vuelve a empezar al final. Inset deja ver además un trozo de las diapositivas de al lado. Layer apila las diapositivas como tarjetas, y los compradores hacen clic en una diapositiva para abrirla.
- Media height: Small, Medium, Large o Image (cada diapositiva sigue la forma de su propia imagen, para que no se corte nada).
- Content position: In pone el texto sobre los medios, Out lo pone debajo.
- Section width (Page o Full) y Full on mobile (no en el modo Layer), que lo pone a ancho completo en los móviles, sin espacio ni esquinas redondeadas.
- Color scheme, Corner radius y Border thickness (solo en el modo Layer).
- Gap: el espacio entre diapositivas, solo en el modo Inset.
Navegación
- Auto-rotate: pasa sola a la siguiente diapositiva, cada Speed segundos (de 2 a 10).
- Navigation icons: Arrows, Chevrons o None, con un Icon background (None, Circle o Square).
- Pagination: Dots, un Counter (como 2/5) o None. Cuando Auto-rotate está activado y Pagination no es None, aparece un botón de pausa a su lado.
Ajustes de cada diapositiva
Haz clic en una diapositiva para editarla:
- Media: una imagen o un vídeo. El vídeo de la diapositiva en pantalla se reproduce sin sonido y en bucle, y se pausa cuando aparece otra diapositiva.
- Direction, Stack vertically on mobile, Alignment y Position: dónde se coloca el contenido en la diapositiva.
- Use parent color scheme: activado por defecto. Desactívalo para dar a esta diapositiva su propio Color scheme.
- Media overlay, con Overlay color, Overlay style y Gradient direction: una capa de color que mantiene el texto legible.
- Gap y Padding.
Cada diapositiva admite hasta 4 bloques: Text, Button, Group y Divider (como máximo 2 de cada uno). Consulta Bloques Group, Text, Button y Divider: ¿cómo funcionan los ajustes de los componentes de diseño?
Bueno saberlo
- Todo el grupo Navigation se oculta en el modo Layer y cuando hay menos de 2 diapositivas visibles. El modo Layer nunca rota solo.
- Auto-rotate se detiene mientras el slideshow no está en pantalla y continúa cuando los compradores vuelven a él. Los compradores que activaron la reducción de movimiento en su dispositivo no tienen rotación automática.
- Auto-rotate solo pasa de una diapositiva a otra. Que los demás vídeos de tu tienda empiecen solos es otro ajuste, consulta Ajustes de automatizaciones.
- Corner radius se oculta cuando Section width está en Full.
- Cuando todas las diapositivas están ocultas, el slideshow no aparece.