Cronômetro de Ofertas
Não é necessário vincular uma promoção da VTEX para que o cronômetro funcione. Toda a configuração é feita diretamente pelo CMS.
Se o seu aplicativo está nas versões anteriores a 13.146.0 será necessário atualização de versão.
Configurando o Cronômetro de Ofertas
Para realizar essa configuração, siga o passo a passo abaixo:
Faça o login no painel administrativo da VTEX e acesse o espaço destinado ao seu app.
No menu, vá até o módulo Storefront e clique na opção Headless CMS.
Ao abrir o modelo para edição, preencha os campos de configuração do carrossel:
Título: Título para identificar o modelo (pode ser exibido para os usuários se a opção "Exibir o título" estiver ativada).
Ativo: Determina se o componente será exibido no aplicativo.
Plano de Fundo:Não é necessário preencher.
Tipo de listagem: Define se o carrossel será montado a partir de uma lista de produtos, de uma categoria, de uma coleção ou de uma pesquisa.
Identificador: O código referente à opção que você escolheu em "Tipo de listagem".
Ordenação: Define o método de ordenação dos produtos no carrossel.
Exibição programada (Data de início e fim): Programa a data e a hora exatas em que esse carrossel deverá ficar visível no app.
Exibir o título: Define se o título escolhido para o modelo aparecerá ou não no app.
Após configurar os produtos, preencha os campos abaixo para ativar o cronômetro:
Exibir timer: Habilite esse componente para que o cronômetro seja exibido atrelado ao carrossel.
Cor do background: Insira o código hexadecimal da cor desejada para o fundo do cronômetro.
Cor do texto do timer: Insira o código hexadecimal da cor desejada para o texto da contagem regressiva.
Cor do botão do carrossel: Insira o código hexadecimal da cor desejada para o ícone de seta do botão "Ver mais".
Exibição na PLP (Página de Listagem de Produtos)
Para exibir o cronômetro tanto na PLP quanto na PDP (Página de Detalhes do Produto), o aplicativo utiliza o campo Tipo de Listagem, que você configurou no passo anterior.
Na PLP, o cronômetro aparecerá nas seguintes situações:
Categoria: Aparece ao clicar em "Ver mais" no carrossel da página inicial e em qualquer fluxo em que o app redirecione o usuário para a categoria (como banners, carrossel de categorias, menu, etc.).
Search (Pesquisa): Aparece somente ao clicar em "Ver mais" no carrossel da Home.