Animação e grupos
Como a barra aparece, como ela rola e como alterna entre grupos.
A animação fica no final do painel Design. Ela abrange duas coisas distintas: como a barra aparece na página e como ela muda entre grupos.
A entrada acontece uma vez; as transições de grupo se repetem.
Entrada
Seção intitulada “Entrada”O que a barra faz quando a página carrega.
| Entrada | Como aparece |
|---|---|
| None | A barra simplesmente está lá |
| Fade in | Ela surge gradualmente |
| Slide down | Ela desce de cima |
| Slide in from left | Ela entra pela borda esquerda |
| Slide in from right | Ela entra pela borda direita |
| Continuous scroll | A mensagem percorre a barra, repetidamente |
Speed define quanto tempo a entrada leva. No rolamento contínuo, ele passa a ser Scrolling speed, que indica a velocidade com que as palavras se movem, e não a duração.
Rolamento contínuo
Seção intitulada “Rolamento contínuo”Merece uma observação à parte. A mensagem atravessa a barra de um lado ao outro e, quando termina, o próximo grupo começa a sua própria passagem. Isso nunca para.
Duas consequências disso:
- Combina com uma mensagem longa que não caberia em uma linha
- Ele pausa enquanto o ponteiro de quem visita a loja está sobre a barra, então um botão dentro dela continua clicável
Alternância entre grupos
Seção intitulada “Alternância entre grupos”Estas configurações só aparecem quando o banner tem mais de um grupo.
Change group every é o número de segundos que cada grupo permanece na tela.
Group transition é como um grupo dá lugar ao próximo:
| Transição | Como aparece |
|---|---|
| Cross-fade | Um desaparece gradualmente enquanto o próximo surge |
| Slide | A barra desliza para o lado, como um carrossel |
Escolher slide adiciona mais uma opção: Arrows. Ao ativá-la, pequenos controles ‹ e › aparecem nas extremidades da barra, para que a pessoa possa alternar entre os grupos por conta própria.
Também é possível deslizar ou arrastar a barra para o lado, com ou sem setas.
O ciclo não tem emenda. Depois do último grupo, ele segue direto para o primeiro, sem voltar passando por todos os intermediários.
Pré-visualize a animação
Seção intitulada “Pré-visualize a animação”Preview animation, no final da seção, reproduz a entrada e a rotação de grupos na simulação da loja virtual no centro do construtor, para você avaliar sem precisar salvar e recarregar.
Clique nele novamente para parar. A simulação volta ao grupo que você estava editando.
Uma palavra sobre moderação
Seção intitulada “Uma palavra sobre moderação”Quem configurou o dispositivo para reduzir movimento recebe a barra sem animação: a entrada não é reproduzida, o letreiro não rola e os grupos não mudam sozinhos. As setas e o deslizar continuam funcionando.