Anexando Meta Boxes a produtos WooCommerce

Navegue até JetEngine > Meta Boxes e clique no botão “ Adicionar Novo ”.

Configurações Gerais

• Digite um título da meta box que será exibido no post/taxonomia/perfil do usuário ao qual a meta box será anexada;
• Defina qual tipo de conteúdo será atribuído à Meta Box na lista suspensa Meta Box para ;
• Alterne o link ‘Editar meta box’ para exibir um botão de engrenagem durante a personalização do produto. Ao clicar no botão, você será redirecionado para a edição da meta box.

Condições de visibilidade

Selecione a opção “Produtos” no  campo Habilitar para Taxonomias  na  aba Condições de Visibilidade  . Mais sobre as  Condições de Visibilidade  você pode ler  aqui .

Metacampos

O próximo ponto vital de personalização é adicionar Meta Fields . Você pode definir quantos metacampos forem necessários para tornar a edição do produto mais confortável.

Já existem alguns metacampos padrão do WooCommerce anexados aos produtos. Defina alguns metacampos personalizados que também serão exibidos durante a edição do produto. 

Não hesite em criar um novo metacampo, se necessário. “ Adicionar Meta Box ” pressionando o botão de nome semelhante.

Vá para Produtos > Todos os produtos e selecione qualquer produto para marcar as metacaixas criadas. Abra o editor do produto e lá estão os metacampos que foram adicionados.

Coloque ali o conteúdo desejado e carregue o produto. Aprimore todos os produtos necessários com conteúdo de metacampo.

Agora vamos descobrir como podemos exibir as informações inseridas no metacampo no front end.

Depois de adicionar um metacampo ao produto, podemos exibi-lo usando um item da lista de produtos ou um modelo de produto único. Para conferir o último, vá até Crocoblock > Woo Page Builder e encontre o template para exibir os produtos.

Mostre os metacampos do produto com os widgets que podem extrair os metadados. Por exemplo, você pode usar o widget Lista de preços do plug-in JetElements para exibir o metacampo com a ajuda do recurso de tag dinâmica .

Defina todos os itens preenchendo todos os campos e colocando o Campo Personalizado necessário como Preço via JetEngine Dynamic Tag. Personalize as informações no Elementor e clique no botão “ Atualizar ”. Vá para a página do produto para verificar os resultados.

Por enquanto, todos os produtos WooCommerce acompanhados das informações adicionais de entrada do metacampo serão exibidos da mesma maneira. Aplique o widget Campo Dinâmico sempre que desejar exibir o conteúdo da Meta Box.

Leia sobre como adicionar os metacampos necessários às categorias WooCommerce .

Use dados de metacaixas de produtos em filtros inteligentes

Se você tiver uma página da loja, talvez queira filtrar o conteúdo com metacampos. Você pode fazer isso livremente usando os metacampos JetEngine e a combinação JetSmartFilters . 

Por exemplo, vamos criar um filtro de caixas de seleção para o idioma dos livros.

Navegue até Filtros Inteligentes > Adicionar Novo . 

• Digite o rótulo do filtro e o rótulo do filtro ativo que definirão o filtro das caixas de seleção;
• Definir tipo de filtro ; neste caso, pode ser uma lista de Checkboxes que mostrará diversas opções para escolher;
• Use “Campos Personalizados” como Fonte de Dados para o filtro e coloque a Chave do Campo Personalizado que você escreveu no campo Nome/ID ao criar metacampos;
• Habilite Obter escolhas dos dados do campo para extrair os subcampos do metacampo;
• Escolha o Field Source Plugin e defina o valor JetEngine ;
• A alternância Is Checkbox Meta Field é responsável por filtrar os dados do tipo metacampos Checkbox;
• Preencha o campo Variável de Consulta com o campo Nome/ID . Este campo é obrigatório.

Quando estiver pronto para preencher os campos, publique o filtro e prossiga para Crocoblock > Woo Page Builder . Crie ou edite o modelo de página de loja existente. 

Adicione o widget Filtro de caixas de seleção à página e defina o filtro criado como origem.

Ajuste todas as configurações necessárias, atualize a página e verifique os resultados no front end.

Defina uma consulta para produtos com base nos dados do metacampo das Meta BoxesAlém das customizações de filtros, você pode consultar os produtos por opções de metacampos. Vá para JetEngine > Query Builder e adicione uma nova consulta.

Comece com as Configurações Gerais digitando Nome e escolhendo “Consulta de Produto WC” como Tipo de Consulta . Por exemplo, criaremos uma consulta anual.

Como não precisamos das configurações gerais de consulta de produtos WC, você pode ajustá-las ou ignorá-las e prosseguir para a guia Meta Consulta .

• Preencha o campo chave/nome . Encontre este campo na metacaixa criada sob um rótulo Nome/ID ;
• Defina o valor que deseja comparar. Observe que o valor escrito deve estar contido em alguns dos produtos. Caso contrário, o valor não poderá extrair os dados ausentes;
• Escolha a opção Comparar que será operada na página;
• Defina o tipo de valor que você anotou. Agora escolhemos “Numérico” porque o valor é “2021”.

Clique em “ Adicionar Consulta ” quando todas as configurações estiverem adequadas para você e vá para o Modelo de Loja.

Coloque o widget Listing Grid para exibir os produtos consultados.

Defina as Configurações Gerais e preste atenção ao campo Consulta Personalizada. Ative Usar consulta personalizada para conectar a consulta personalizada recém-criada . 

Terminada a edição, atualize a página e verifique as alterações na página da loja.

Aí estão eles, livros que definimos como lançados em 2021.