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.
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.
Navegue 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.
Aplique as configurações de estilo personalizado ao emblema.
Pressione o botão “ Atualizar ” para salvar as alterações.
Atualize a página com o widget Listing Grid aplicado .
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 .
Edite 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).
Pressione 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:
Trata-se de adicionar emblemas aos produtos WooCommerce .