O separador Animações acrescenta movimento à loja: secções que entram com animação quando os clientes deslocam a página, e imagens que aumentam quando o rato passa por cima.
Onde o encontrar
Abra o construtor, clique no ícone da roda dentada e abra o separador Animações. A secção chama-se Animações gerais.
Mostrar ao deslizar
Mostrar ao deslizar anima as secções quando entram no ecrã. Cada secção faz a sua animação uma vez por visita à página. As opções:
- Nenhum: sem animação. As secções simplesmente estão lá.
- Esmaecer: o conteúdo aparece aos poucos.
- Deslizar para cima (o predefinido): o conteúdo sobe um pouco enquanto aparece.
- Deslizar para dentro: o conteúdo entra pelo lado enquanto aparece.
- Zoom: o conteúdo cresce ligeiramente até ao seu lugar.
O fundo da secção aparece logo e só o conteúdo se move, por isso a página nunca mostra espaços vazios.
Que partes são animadas
- O cabeçalho e a barra de anúncios nunca são animados. Estão no ecrã assim que a página abre.
- Nas grelhas de produtos, nas grelhas de coleções, nas avaliações e na FAQ, cada cartão ou item é animado individualmente, um após o outro, em vez da secção inteira. Numa disposição em carrossel, a secção inteira é animada de uma vez.
- Uma secção de ondas mantém o esmaecer mas não desliza, para a onda continuar ligada à secção de baixo.
Qual escolher
Deslizar para cima serve a maioria das lojas. Esmaecer é a mais suave. Zoom e Deslizar para dentro chamam mais a atenção, por isso combinam melhor com designs divertidos ou ousados do que com designs calmos.
Efeito de zoom das imagens
Ative Efeito de zoom das imagens para as imagens aumentarem ligeiramente quando o rato está por cima. Funciona nos cartões de produto, nos cartões de coleção, nas imagens do produto na página de produto e nas imagens das avaliações. Reage ao rato, por isso os clientes em telemóveis normalmente não o veem.
Tarefas comuns
- Dar à loja um ar mais calmo: defina Mostrar ao deslizar como Esmaecer ou Nenhum.
- Desativar todo o movimento: defina Mostrar ao deslizar como Nenhum e desative Efeito de zoom das imagens.
- Tornar as fotos dos produtos mais interativas: ative Efeito de zoom das imagens.
Resolução de problemas
- Não vejo a animação no construtor. O Mostrar ao deslizar está desligado dentro do construtor para poder editar sem esperar. Publique e abra a loja ao vivo para a ver.
- Alguns visitantes nunca veem animações. Quando um visitante pediu ao dispositivo para reduzir o movimento, a loja mostra todas as secções no lugar, sem animação. É de propósito, por conforto e acessibilidade.
- O zoom não funciona. Confirme que está num computador com rato e que a imagem é de um dos tipos indicados acima.
Bom saber
As configurações de animação pertencem ao mercado que está a editar e aplicam-se a todas as suas páginas. As alterações ficam ativas quando clica em Publicar. Se mudar de ideias, desfaça a alteração no construtor. Veja Atalhos, desfazer e refazer.