Como adicionar emblemas de venda e de melhor vendedor a produtos WooCommerce

Adicionando o widget de título

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 Título onde for necessário para colocar um selo. 

Se quiser colocá-lo no topo do item, adicione o widget Seção Interna anteriormente.

adicionando widget de título

Criando o selo de venda

Adicione o texto do emblema (aqui, Venda! ) ao campo Título e selecione a opção span como tag HTML do emblema.

configurações do widget de títuloNavegue até as configurações avançadas do widget.

Desenrole as configurações de Visibilidade Dinâmica e 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 .

Selecione a opção Existir no menu suspenso Condições .

Pressione a tag dinâmica e selecione a opção Campo de produto WooCommerce no menu suspenso Campo . Assim, o campo Configuração é ativado: selecione a opção Preço de venda simples no menu suspenso.

configurações de visibilidade dinâmica do widget de títuloAplique as configurações de estilo personalizado ao emblema.

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

Atualize a página com o widget Listing Grid aplicado .

frontend de emblemas aplicados

Adicionando o selo de melhor vendedor

Para adicionar outro emblema (ou seja, o Best Seller ), duplique o widget Título : clique com o botão direito do mouse no widget e selecione a opção Duplicar .

duplicação de widgetsEdite as seguintes configurações para o widget Título duplicado .

  • digite o texto necessário no campo Título (aqui, Best Seller );
  • aplique as opções elegantes à aparência do widget;
  • desenrole as configurações de Visibilidade Dinâmica da guia Configurações avançadas e digite a condição para classificar o produto WooCommerce como um best-seller. Selecione a opção Maior que nas configurações de condição do selo de melhor vendedor e digite o número de vendas no campo Valor (aqui, cinco).

maior que as configurações de condiçãoPressione o botão “ Atualizar ” para salvar as alterações. Atualize a página com o widget Listing Grid aplicado . A página no front-end tem a seguinte aparência:

front-end de emblemas de woocommerce

Trata-se de adicionar emblemas aos produtos WooCommerce .

Índice