Como exibir a data de término da venda com Dynamic Tag

Adicionando o widget de contagem regressiva

Navegue até a guia JetEngine > Listings e abra o modelo de listagem com tags dinâmicas aplicadas (aqui, Products_listing_items ). Abra o modelo de listagem e arraste e solte o widget Contagem regressiva onde necessário.

adição de widget de contagem regressivaNavegue até as configurações gerais e ative/desative os botões apropriados para a exibição do formato do temporizador.

configurações gerais do widget de contagem regressiva

Configurações do widget de contagem regressiva

Navegue até a guia Configurações do widget Temporizador de contagem regressiva . Pressione o botão “ Tag dinâmica ” e selecione a opção Campo de produto WooCommerce no menu suspenso.

configuração de data de vencimento do widget de contagem regressivaSelecione a opção Data de venda até no campo Configurações exibido . Este campo permite definir os termos da promoção.

adicionando campo de produto woocommerce ao widget de contagem regressivaSe necessário, personalize a aparência do widget.

Pressione o botão “ Atualizar ” para salvar as alterações.

Adicionando o widget de título

Encontre o widget Título e arraste e solte-o no item da listagem. Adicione o texto (aqui, Vendas termina em ) e estilize-o se necessário.

configurações do widget de títuloPressione o botão “ Atualizar ” para salvar as alterações.

Abra a página com o widget Grade de Listagem com o Item de Listagem aplicado como fonte ( Products_listing_items).

A visualização frontal da página é a seguinte:

visualização frontal de uma página com contagem regressivaOs principais problemas aqui são:

  • o cronômetro de contagem regressiva é exibido para todos os produtos;
  • o cronômetro de contagem regressiva mostra zeros para todos os produtos, independentemente da data de término da venda especificada ou não.

Agendamento de horário de venda

Navegue até o front-end do widget Listing Grid com o Listing Item aplicado como origem ( Products_listing_items). Clique em qualquer livro com o preço de venda. Abra este livro em uma nova guia.

Pressione o botão “ Editar ”.

botão editar cptRole para baixo e encontre a guia Configurações .

configurações de programação de data de término da vendaPressione o link “ Agendar ”.

configurações de data de término da venda de cptsEssas cobranças referem-se apenas ao produto atual. Portanto, você precisa editar outros produtos e adicionar a data de término da venda.

visualização frontal do cronômetro de contagem regressiva com uma data definidaRole a página do produto para cima e pressione o botão “ Atualizar ”. Atualize a visualização frontal da grade de listagem.

Edite todos os produtos e programe a data de término das vendas. 

visualização frontal do contador com datas diferentes

Configurações para ocultar o contador

Aqui foram aplicadas as condições de visibilidade dinâmica para ocultar os balcões de produtos que não estão à venda. 

Abra o modelo de listagem com tags dinâmicas aplicadas (aqui, Products_listing_items ).

Clique nas configurações do widget Timedown Counter e desenrole as configurações de Visibilidade Dinâmica da guia Avançado .

Mova o botão Ativar . Selecione a opção Mostrar elemento se a condição for atendida no menu suspenso Tipo de condição de visibilidade .

Escolha a condição Maior que no menu Condições . Esta condição verifica se a data de término da promoção excede o horário atual.

Pressione a tag dinâmica e selecione a opção Imagem do produto WooCommerce no menu suspenso.

configurações de visibilidade dinâmica do cronômetro de contagem regressivaDigite agora no campo de texto Valor . Selecione a opção Padrão no menu suspenso Contexto e a opção Datahora no menu suspenso Tipo de dados .

campo de valor do temporizador de contagem regressivaAplique as mesmas condições de Visibilidade Dinâmica ao widget Título para ocultar seu texto (aqui, Vendas termina em ).

Pressione o botão “ Atualizar ” e atualize a página com a grade de listagem.

visualização frontal do cronômetro de página com datas ocultas

Trata-se de exibir a data de término da venda dos produtos WooCommerce com tags dinâmicas.

Índice