La sección Back to top añade un botón redondo con una flecha en una esquina inferior de la pantalla. Cuando los compradores lo tocan, la página vuelve arriba. Es útil en páginas largas, como una página de producto con muchas fotos y reseñas.
Añadirla
- Abre el constructor y ve a la página que quieras.
- En la pestaña Sections, haz clic en Add new section y elige Back to top en el grupo Layout.
- Define su esquina, su tamaño y sus colores, y haz clic en Publish.
Puedes añadir uno por página, en cualquier página. Su lugar en la lista de Sections no importa, porque el botón siempre flota en la esquina.
Cuándo aparece
El botón está oculto en la parte superior de la página. Aparece cuando el comprador ha bajado aproximadamente una pantalla, y se vuelve a ocultar cuando está otra vez cerca de arriba. En el constructor, aparece mientras la sección está seleccionada, para que puedas darle estilo sin desplazarte.
Los compradores que activaron la reducción de movimiento en su dispositivo saltan arriba de golpe en lugar de deslizarse.
Ajustes
Diseño
- Position: esquina Start o End en la parte inferior de la pantalla. Siguen el idioma de tu tienda: en un idioma de izquierda a derecha como el español, Start es la esquina izquierda y End la derecha. En un idioma de derecha a izquierda como el árabe, se invierten. El valor predeterminado es End.
- Size: el tamaño del botón, de 44 a 80 píxeles (48 por defecto). Incluso el tamaño más pequeño es fácil de tocar en un móvil.
Apariencia
- Scroll progress: muestra un anillo alrededor de la flecha que se llena a medida que el comprador baja por la página. Está activado por defecto. Desactívalo para tener un botón simple.
- Color scheme: el botón usa los colores del botón principal del esquema que elijas (fondo, flecha y colores al pasar el ratón). Para cambiarlos, edita ese esquema en Esquemas de colores.
Mostrarlo en todas las páginas
Cada página tiene sus propias secciones, así que añade el botón una vez y usa Apply to all pages. Eso solo actualiza las páginas que ya tienen una sección Back to top, así que añádela antes a las demás páginas. Consulta Secciones y bloques.
Bueno saberlo
- El botón no aparece: puede que la página sea demasiado corta para desplazarse una pantalla completa. Prueba con una página más larga.
- Está más alto de lo esperado: en las páginas con una barra de compra fija abajo, el botón sube para que no se tapen.
- Otros elementos flotantes: un botón de boletín fijo usa la esquina inferior izquierda. Si usas los dos, pon Back to top en el otro lado para que no se superpongan.
- Se ve poco: elige un esquema de colores cuyo color de botón principal destaque sobre el fondo de tu página.
- Ocultarlo durante un tiempo: usa el icono del ojo en la sección. Sus ajustes se conservan. Ocultarlo o eliminarlo solo cambia la página en la que estás.