Como as contagens regressivas funcionam
As três partes de que toda contagem regressiva é feita: conteúdo e horário, exibição e design.
Toda contagem regressiva do Countdown Timer Bar Samita é feita das mesmas peças, seja qual for dos quatro tipos você escolher. Depois que isso fizer sentido, o resto da documentação é só detalhe sobre uma delas.
1. O que ela diz e quando funciona: a guia Settings
Seção intitulada “1. O que ela diz e quando funciona: a guia Settings”A guia Settings guarda o conteúdo da contagem regressiva e o horário dela.
Content é o texto que a pessoa lê: um título e um subtítulo em um cronômetro, uma mensagem de entrega em uma data de entrega, uma mensagem de estoque em uma barra de estoque. Os campos de texto podem conter variáveis como {stock_number} ou {delivered_max_date}, que o app substitui por valores reais quando a página carrega.
Timing é o que a torna uma contagem regressiva. A aparência depende do tipo:
| Tipo | O horário é… |
|---|---|
| Countdown timer | Um Time type: uma data de término fixa, um número de minutos por pessoa ou uma janela diária recorrente |
| Estimated delivery date | Intervalos de dias de envio e entrega, dias úteis, feriados e um horário limite |
| Stock countdown | Nenhum relógio: ela conta estoque, não tempo |
| Cart countdown | Uma Countdown duration em minutos, começando quando o carrinho da pessoa é visto |
2. Onde ela aparece: a guia Display
Seção intitulada “2. Onde ela aparece: a guia Display”A guia Display decide quem vê a contagem regressiva e onde ela fica.
Conditions a restringem por produto, coleção, tipo de página, cliente, idioma ou país. Todas as condições da lista são unidas por All conditions ou Any condition, e uma contagem regressiva só é exibida quando a página atual as satisfaz.
Display position a coloca na página. Marque Product page e o app posiciona a contagem regressiva automaticamente, logo abaixo da área do Add to cart. Para qualquer outro lugar (uma seção da página inicial, um banner de coleção, um modelo personalizado), copie o Shortcode e coloque-o por meio de um bloco de app do tema.
Device targeting pode restringi-la apenas ao computador ou apenas ao celular.
Consulte Visão geral da exibição para ver o quadro completo.
3. Como ela fica: a guia Design
Seção intitulada “3. Como ela fica: a guia Design”Os cronômetros e as datas estimadas de entrega têm uma guia Design com cores, fontes, fundos, bordas, padding e estilo por elemento. As contagens de estoque e de carrinho mantêm as opções de design (menores) dentro da guia Settings.
Todo tipo termina com uma caixa Custom CSS (Developer Zone) para o que os controles não cobrem. Consulte Crie o design de uma contagem regressiva.
Active ou Draft
Seção intitulada “Active ou Draft”Independentemente de tudo o que foi dito, cada contagem regressiva tem um status:
- Active: no ar na loja virtual, respeitando o horário e as condições dela.
- Draft: salva e editável, mas nunca exibida.
Você define isso no construtor antes de salvar e pode mudar depois na lista de Countdowns.
O que a loja virtual realmente faz
Seção intitulada “O que a loja virtual realmente faz”Quando uma pessoa carrega uma página, o script da incorporação de app verifica quais das suas contagens regressivas ativas correspondem a essa página, calcula o tempo restante no navegador dela e exibe as correspondentes. Nada é embutido previamente no seu tema, e é por isso que as alterações salvas no app aparecem sem precisar republicar o tema.
Para a versão completa, consulte Como funciona.