Criando um Listing Grid para o Query Builder
Criar consulta com o Query Builder
Vá para o painel do WordPress e passe o mouse sobre o rótulo JetEngine .
Encontre e selecione a ferramenta Query Builder na lista.
Clique em “ Adicionar novo ” para criar uma nova consulta.
Queremos que a listagem seja para produtos WooCommerce, então escolhemos “WC Product Query” como Query Type .
Escolha um Status do Produto na guia Geral , se necessário. No caso atual, será utilizado o status “Publicar”.
Agora é necessário fazer com que a consulta encontre apenas os produtos em destaque.
Vá para a guia Específico e clique em “ Adicionar novo ”.
Agora vamos definir o recurso como “Destaque”.
Não se esqueça de definir seu Status .
A configuração básica da consulta está concluída. Clique no botão “ Adicionar consulta ” para salvar as alterações.
Agora vamos construir um Listing Template .
Criar modelo de listagem com fonte do Query Builder
Vá para Painel do WordPress> JetEngine> Listagens . Pressione o botão “ Adicionar novo ”.
No pop-up aberto, defina “Query Builder” como fonte de listagem . Selecione uma consulta criada anteriormente na lista, defina o nome do item de listagem e escolha um construtor de páginas necessário no seletor de visualização de listagem . Em seguida, pressione o botão “ Criar item de listagem ” abaixo.
Widgets dinâmicos e uso de produtos com tags dinâmicas
No modelo de listagem, adicione um widget de campo dinâmico para gerar um título de produto usando a opção “Título” da seção “Woocommerce” da lista de campos de objeto .
Com a ajuda do widget Dynamic Image , uma “Imagem em destaque” de produtos Woocommerce pode ser exibida.
Você também pode usar tags dinâmicas para mostrar os dados de um produto de forma dinâmica.
Por exemplo, adicione um widget Editor de Texto, pressione o ícone “ Tags dinâmicas ” e selecione a opção “Campo de objeto atual” na lista exibida.
Ao selecionar a opção “Categorias” na seção “Woocommerce” do Campo , você pode gerar as categorias de produtos de um produto.
Usando a mesma tag dinâmica, você também pode exibir outros campos de um produto Woocommerce. Sinta-se à vontade para adicionar Antes e Depois ao valor dinâmico para aplicar o formato necessário.
Outra forma de mostrar uma opção dinâmica no Listing Template para uma consulta personalizada é usar um Shortcode criado através do Shortcode Generator da JetEngine .
Seguindo o caminho WordPress Dashboard > JetEngine , você encontra a aba Shortcode Generator , onde o shortcode pode ser gerado.
O shortcode pode ser útil se você quiser usar valores de dois campos com apenas um widget. Neste caso, queremos mostrar a seguinte mensagem:
“Se apresse! O produto ainda está (campo stock_status), mas resta apenas (campo stock_quantity)!”
Após gerar os shortcodes, obtivemos esse resultado e adicionamos ao campo Editor de Texto.
“Se apresse! O produto ainda está
mas só sobrou!”
Exibir a grade de listagem com a listagem para consulta no front end
O modelo de listagem está concluído. Agora podemos exibi-lo em uma página ou modelo necessário usando o widget Listing Grid .
Uma consulta personalizada do Query Builder não precisa ser aplicada ao widget Listing Grid , pois o próprio modelo de listagem é construído com base na consulta personalizada e mantém os dados da consulta personalizada.
Portanto, você só precisa selecionar o modelo de listagem no widget Grade de listagem .
Agora a Listing Grid mostra os produtos Woocoomerce usando o Listing Template com base em uma consulta personalizada criada por meio do Query Builder do plugin JetEngine .
Isso é tudo; agora você sabe como criar um modelo de listagem do Query Builder baseado na funcionalidade do plugin JetEngine para o seu site WordPress.