Como definir a tag dinâmica de contagem de resultados de consulta
Como exibir o contador de resultados da consulta
Você pode exibir o número dos resultados da consulta usando a tag dinâmica Query Results Count . Para isso, você precisa criar qualquer consulta com a ajuda do Query Builder . Em seguida, faça o Listing Grid , adicione o widget a qualquer página e aplique a consulta a ela.
Para a tag dinâmica Query Results Count , você pode usar o widget Heading . Arraste e solte-o acima da Grade de listagem .
Clique para editar o título e clique no botão “Tags dinâmicas” no campo Título .
Em seguida, selecione a tag dinâmica “Contagem de resultados da consulta ” na lista.
Na guia Configurações exibida , temos os seguintes recursos:
- Consulta. Selecione a consulta com paginação aplicada ao widget em;
- Contagem retornada :
- Contagem total de resultados da consulta – mostra o número total de resultados da consulta de todas as páginas de paginação;
- Contagem de resultados de consulta atualmente visíveis (por página) – mostra o número de resultados na página atual.
Os resultados da consulta total e atualmente visíveis serão iguais se você não usar Paginação na consulta, portanto, não importa o que você escolher. Quanto à contagem de resultados da consulta com paginação, falaremos disso na segunda parte deste tutorial.
Na guia Avançado , existem os seguintes campos:
- Antes e depois. Aqui você pode inserir texto antes e depois do número. Nesses dois campos, você pode usar recuos para separar o número do texto;
- Cair pra trás. Digite o texto que será mostrado se os dados não forem exibidos.
Após terminar a personalização, pressione o botão “ Atualizar” .
Como exibir o contador de resultados da consulta com paginação
Para exibir um determinado número de postagens por página, você pode usar o widget Paginação e definir a Paginação no Query Builder com o plugin WordPress JetEngine .
Nesta guia, você pode definir o número de postagens por página e, em seguida, adicionar as postagens à página de paginação específica. Este recurso está disponível para consultas de postagens , comentários e produtos WC .
Vá para JetEngine> Query Builder e clique no botão “Adicionar novo ”. Dê um nome à sua consulta e escolha o tipo de consulta apropriado . Como exemplo, criamos uma Consulta de Postagens .
Abra a guia Paginação e insira o número de postagens por página.
Em widgets como Listing Grid , você pode definir o número de postagens nas configurações gerais . Mas a paginação de consulta assumirá o controle. Por exemplo, se você definir o número de postagens como “5” em Paginação nas configurações de consulta e “6” nas configurações da Grade de Listagem , o número de postagens será “5” de qualquer maneira. Você pode usar apenas o widget Paginação e as configurações da Grade de listagem , mas a tag dinâmica Contagem de resultados da consulta funcionará apenas com as configurações de Paginação da consulta .
Quando terminar, clique no botão “Adicionar consulta” ou “Atualizar consulta” .
Vá para qualquer página e arraste e solte um widget como Listing Grid nela. Em seguida, adicione o widget Paginação na Listing Grid .
A propósito, temos um tutorial dedicado sobre como adicionar a paginação ao widget Listing Grid . Você pode conferir aqui .
O número padrão de páginas na paginação no editor Elementor é sempre “10”. No front end, mostra o número de páginas disponíveis.
Acima da Grade de Listagem, adicionamos duas colunas com o widget Título em cada uma delas.
Clique para editar o primeiro título e clique no botão “Tags dinâmicas” no campo Título .
Em seguida, selecione a tag dinâmica “Contagem de resultados da consulta” na lista.
Na guia Configurações exibida para o primeiro widget Título , escolhemos nossa consulta e a opção “Contagem de resultados de consulta atualmente visíveis (por página)” .
Na guia Avançado , adicionamos o texto aos campos Antes e Depois . Não hesite em usar recuos para separar o número do texto.
No próximo título, configuramos uma forma de mostrar a contagem total de resultados da consulta. Após terminar a personalização, pressione o botão “ Atualizar” .
É isso. Agora você sabe exibir contadores de resultados de consulta para a grade de listagem com diferentes configurações de consulta.