Visão geral das condições de visibilidade dinâmica dos produtos WooCommerce

Em primeiro lugar, você precisa habilitar o Módulo de Visibilidade Dinâmica . Vá para a guia JetEngine> JetEngine no painel do WordPress e ative “ Visibilidade dinâmica para widgets e seções ”.

Em segundo lugar, vá até o template criado com o plugin JetWooBuilder e clique para editá-lo com Elementor. Para isso, navegue até Crocoblock > Woo Page Builder .

Clique no widget, seção ou coluna à qual deseja aplicar a visibilidade dinâmica. Navegue até a seção Avançado , abra a guia Visibilidade Dinâmica e ative a alternância.

Clique na guia Condições e, no menu suspenso, você encontrará as condições de visibilidade dinâmica do produto Woocommerce.

O produto tem estoque suficiente

” alt=”o produto tem condições de estoque suficientes” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/02/product-has-enough-stock-1.png” />Se você selecionar a condição “Produto tem estoque suficiente” e inserir, por exemplo, Quantidade “5” , o elemento (widget, coluna ou seção) aparecerá se sua Quantidade em estoque for igual ou superior a cinco.

Para definir a quantidade de estoque, vá para Produtos > Todos os Produtos , pressione para editar um produto, vá para a aba Estoque , marque Gerenciar estoque? opção e insira o número necessário no campo Quantidade em estoque .

” alt=”quantidade em estoque do produto” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/02/product-stock-quantity-2.png” />Por exemplo, você pode definir o tipo de condição de visibilidade “Ocultar elemento se a condição for atendida” , selecionar a condição “O produto tem estoque suficiente” e inserir a quantidade “5” para o widget Título com a opção “Quase acabou!” mensagem para os clientes. Portanto, se a Quantidade em estoque do produto for inferior a cinco, os usuários verão a mensagem “Quase acabou!” mensagem.

O produto pode ser baixado

” alt=”o produto está em condição de download” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/02/product-is-downloadable-condition-1.png” />Com a condição “O produto pode ser baixado” , o elemento (widget, coluna ou seção) aparecerá se a marca Para download estiver marcada na página de edição do produto .

” alt=”produto para download” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/02/downloadable-product-2.png” />Por exemplo, você pode usar essa condição para o widget Título com o texto “Para download” ou o link para a fonte da qual os clientes podem baixar os produtos (nesse caso, você pode definir o widget JetEngine Dynamic Link ).

O produto está em destaque

” alt=”o produto está em condição de destaque” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/02/product-is-featured-condition-1.png” />Com a condição “Produto em destaque” , o elemento (widget, coluna ou seção) será exibido se o produto possuir a propriedade Em destaque .

Para destacar um produto, vá para Produtos > Todos os produtos , pressione o botão “Edição rápida” abaixo de um produto e marque a opção Em destaque .

” alt=”opção em destaque” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/02/featured-option-2.png” />O produto em destaque é indicado com o seguinte ícone:

Por exemplo, você pode marcar os produtos mais vendidos como Em destaque e usar essa condição para o widget Título com “Mais vendidos!” texto.

O produto está em estoque

A condição “Produto em estoque” permite exibir o elemento (widget, coluna ou seção) caso o produto esteja com o status de estoque “Em estoque” na aba Estoque da página de edição do produto.

Se você deseja definir a condição “Esgotado”, selecione o tipo de condição de visibilidade “Ocultar elemento se a condição for atendida” e selecione a condição “Produto está em estoque” , por exemplo, para o widget Título com a opção “Esgotado” texto. Portanto, se o produto estiver com o status de Estoque “Esgotado” , os clientes verão esta mensagem.

Esteja ciente de que tal cabeçalho também será mostrado se o produto tiver o status de estoque “Em espera”.

O produto está em espera

” alt=”o produto está em condição de pedido pendente” data-src=”https://crocoblock.com/knowledge-base/wp-content/uploads/2023/02/product-is-on-backorder-condition-1-1.png” />A condição “Produto em espera” permite exibir o elemento (widget, coluna ou seção) se o produto estiver com o status de estoque “Em espera” na aba Estoque da página de edição do produto.

Por exemplo, você pode usar essa condição para o widget Título com o texto “Em espera”.

O produto está à venda

Se você selecionar a condição “Produto em promoção” , o elemento (widget, coluna ou seção) ficará visível se o campo Preço de venda estiver preenchido na aba Geral da página de edição do produto.

Se você definir o Cronograma para o Preço de Venda , o elemento ficará visível apenas durante o período especificado.

Por exemplo, você pode usar essa condição para o widget Título com a opção “À venda!” texto.

O produto pode ser adquirido

A condição “Produto pode ser adquirido” verifica se o Produto possui o Preço na aba Geral da página de edição do produto.

Por exemplo, você pode definir o tipo de condição de visibilidade “Ocultar elemento se a condição for atendida” e selecionar a condição “Produto pode ser adquirido” para o widget Título com o texto “Item de graça”, e tal título ficará visível com os itens que são doados para instituições de caridade.

O produto é vendido individualmente

A condição “Produto é vendido individualmente” permite exibir um elemento (widget, coluna ou seção) caso a marca Vendido individualmente esteja marcada na aba Estoque nas configurações do produto.

Por exemplo, você pode usar essa condição para o widget Título com o texto “Você pode comprar apenas um item por pedido”.

Produto é tipo

Esta condição permite exibir elementos com base no Tipo de Produto no menu suspenso Dados do produto na página de edição do produto.

Por exemplo, se o produto for do tipo “Externo/Afiliado”, você pode utilizar tal condição para o widget Título com o nome da empresa que oferece produtos.

O produto é virtual

Com esta condição, o elemento ficará visível caso a marca Virtual esteja marcada na aba Inventário da página de edição do produto.

Por exemplo, você pode usar essa condição para o widget Título com o texto “Produto Virtual”.

Modelo de página única

Você pode aplicar as condições de visibilidade dinâmica dos produtos WooCommerce a alguns elementos no modelo de página de produto único.

Em primeiro lugar, crie o modelo descrito no tutorial Como criar um modelo de página de produto único .

Em seguida, adicione alguns widgets ao modelo no editor Elementor ao qual deseja aplicar a Visibilidade Dinâmica. Por exemplo, adicionei o widget JetElemets Headline com o texto “Almost GONE” e fui para a seção Avançado e abri a guia Visibilidade Dinâmica .

Eu configurei o tipo de condição de visibilidade “Ocultar elemento se a condição for atendida” , selecionei a condição “O produto tem estoque suficiente” e inseri a quantidade “5” .

O widget Adicionar ao carrinho único exibia a quantidade em estoque do produto.

Vamos salvar as alterações e passar para o front-end.

A quantidade em estoque deste produto é “7”, que é superior a “5”, portanto o Título fica oculto e não há necessidade de mostrar o texto “Quase acabou”.

A quantidade em estoque deste produto é inferior a “5”, então o Título informa aos clientes que se apressem e comprem este produto.

Loop de produto no modelo de página da loja

Certifique-se de criar o modelo de página de loja descrito no tutorial Como criar um modelo de página de loja .

Vá para a guia Crocoblock> Woo Page Builder no painel do WordPress e pressione o botão “Criar novo modelo” .

No pop-up exibido, selecione “Item de arquivo” no campo Este modelo para e digite o nome do modelo . Você também pode selecionar a predefinição de layout .

Adicione alguns widgets ao modelo no editor Elementor ao qual deseja aplicar a Visibilidade Dinâmica. Por exemplo, adicionei três imagens e defini o tipo de condição de visibilidade “Mostrar elemento se a condição for atendida” para todos. Defino a condição “Produto em promoção” para a primeira imagem, “Produto é virtual” para a segunda e “Produto em destaque” para a terceira.

Para a quarta imagem, defino o tipo de condição de visibilidade “Ocultar elemento se a condição for atendida” e a condição “Produto em estoque” .

Naveguei até o modelo de página da loja e coloquei o widget Products Loop aqui. No campo Modelo , defino o modelo de item de arquivo criado recentemente .

Como você pode ver, apliquei imagens com Visibilidade Dinâmica aos produtos que atendem às condições.