A secção Voltar ao topo acrescenta um botão redondo com uma seta num canto inferior do ecrã. Quando os clientes lhe tocam, a página volta ao topo. Ajuda nas páginas longas, como uma página de produto com muitas fotos e avaliações.
Adicioná-lo
- Abra o construtor e vá à página que quer.
- No separador Secções, clique em Adicionar nova secção e escolha Voltar ao topo no grupo Disposição.
- Defina o canto, o tamanho e as cores e clique em Publicar.
Pode adicionar um por página, em qualquer página. O lugar na lista de Secções não importa, porque o botão flutua sempre no canto.
Quando aparece
O botão fica oculto no topo da página. Aparece quando o cliente desce cerca de um ecrã e volta a esconder-se quando está de novo perto do topo. No construtor, aparece enquanto a secção está selecionada, para o poder estilizar sem deslocar a página.
Os clientes que ativaram a redução de movimento no dispositivo saltam logo para o topo em vez de deslizarem.
Configurações
Disposição
- Posição: canto Início ou Fim na parte de baixo do ecrã. Seguem o idioma da loja: num idioma da esquerda para a direita, como o português, Início é o canto esquerdo e Fim o direito. Num idioma da direita para a esquerda, como o árabe, trocam. O predefinido é Fim.
- Tamanho: o tamanho do botão, de 44 a 80 píxeis (48 por defeito). Mesmo o tamanho mais pequeno é fácil de tocar num telemóvel.
Aparência
- Progresso do deslocamento: mostra um anel à volta da seta que se vai enchendo à medida que o cliente desce a página. Está ativo por defeito. Desative-o para um botão simples.
- Esquema de cores: o botão usa as cores do botão primário do esquema que escolher (fundo, seta e cores ao passar o rato). Para as mudar, edite esse esquema em Esquemas de cores.
Mostrá-lo em todas as páginas
Cada página tem as suas próprias secções, por isso adicione o botão uma vez e use Aplicar a todas as páginas. Isso só atualiza as páginas que já têm uma secção Voltar ao topo, por isso adicione-a primeiro às outras páginas. Veja Secções e blocos.
Bom saber
- O botão não aparece: a página pode ser demasiado curta para descer um ecrã inteiro. Experimente uma página mais longa.
- Fica mais acima do que o esperado: nas páginas com uma barra de compra fixa em baixo, o botão sobe para não se taparem um ao outro.
- Outros elementos flutuantes: um botão de newsletter fixo usa o canto inferior esquerdo. Se usar os dois, ponha o Voltar ao topo do outro lado para não se sobreporem.
- Difícil de ver: escolha um esquema de cores cuja cor de botão primário se destaque do fundo da página.
- Ocultá-lo por uns tempos: use o ícone do olho na secção. As configurações são mantidas. Ocultar ou eliminar só altera a página em que está.