Adicionando contador aos widgets Listing Grid e Dynamic Table com o complemento Listing Counter no Elementor
Baixando e instalando o complemento
Baixando o complemento
Baixe este complemento do GitHub gratuitamente através do link jet-engine-list-counter-callback ; pressione o botão “ Código ” e a guia Download Zip .
Instalando o complemento
Vá para o Painel do WordPress , navegue até a guia Plugins e pressione o botão “ Adicionar Novo ” para adicionar o complemento.
Este tutorial detalha como instalar plug-ins Jet por meio do painel do WordPress .
Ative o complemento.
Construindo uma consulta para os CPTs numerados
Navegue até JetEngine > QueryBuilder do painel do WordPress . Pressione o botão “ Adicionar novo ” para criar uma nova consulta.
Digite o nome da consulta no campo Nome (aqui, Consulta para contador de listagem ), escolha a opção Consulta de Postagens no menu suspenso Tipo de Consulta e selecione o CPT para a listagem ou a tabela dinâmica (aqui, Propriedades para as listagens e Imóveis para as tabelas dinâmicas).
Este tutorial explica como usar o Query Builder .
Adicionando contadores às listagens
Adicionando retornos de chamada a campos dinâmicos
Abra o item Listagem com os campos dinâmicos aos quais deseja adicionar números. Encontre o widget Campo Dinâmico e arraste-o para onde deseja exibir os números.
Ative a alternância de saída do campo Filtrar deste widget para ativar os menus suspensos Callback e Selecionar consulta . Selecione as configurações apropriadas: o contador de Listagem para o Callback e o contador de Consulta para listagem para o menu Selecionar consulta .
Além disso, os usuários podem aplicar configurações elegantes ao número.
Leia sobre como trabalhar com widget de campo dinâmico neste tutorial.
Configurações do widget Grid de listagem
Abra uma página com o widget Listing Grid construído nos CPTs com o contador no Campo Dinâmico . Desenrole a guia Consulta personalizada do widget Grade de listagem . Mova o botão Usar consulta personalizada e escolha a consulta criada anteriormente (aqui, Consulta para contador de listagem ) no menu suspenso Selecionar consulta .
Adicionando contadores a tabelas dinâmicas
Criação de uma tabela dinâmica
Navegue até JetEngine > Tables Builder do painel do WordPress . Pressione o botão “ Adicionar nova tabela ” para criar uma nova tabela.
Clique na guia Configurações gerais , digite o nome da tabela no campo Nome e escolha a consulta construída (aqui, Consulta para contador de listagem ) com o CPT para a tabela dinâmica no menu suspenso Consulta de dados .
Colunas da tabela
Clique na guia Colunas e adicione uma coluna para o número exibido (aqui, índice ) com as seguintes configurações:
- mova o botão de alternância Filtrar saída da coluna ;
- escolha o retorno de chamada do contador de listagens no menu suspenso Filtrar retorno de chamada ;
- escolha o contador Consulta para listagem no menu suspenso Selecionar consulta .
Os usuários podem exibir um ou alguns campos dinâmicos do CPT usado para a consulta de construção como colunas: escolha a configuração Meta Campo no menu suspenso Fonte de dados e o campo no menu suspenso Selecionar campo .
Para exibir o CPT como um todo, escolha as configurações do modelo no menu suspenso Conteúdo da coluna como o tipo de conteúdo exibido na coluna e escolha o CPT necessário no menu suspenso Modelo de coluna .
Se necessário, abra a guia Estilo de tabela e aplique as configurações de estilo.
Pressione o botão “ Criar Tabela ” para criar a tabela.
Leia o Guia de criação de tabelas dinâmicas Elementor com detalhes sobre a construção de tabelas dinâmicas.
Adicionando a tabela a uma página
Abra a página/postagem. Encontre o widget Tabela Dinâmica e solte-o.
Escolha a tabela construída anteriormente pelo Tables Builder no menu suspenso Tabela . Aplique as opções elegantes que você precisa.
Isso é tudo sobre o uso do complemento JetEngine DevTools Listing Сounter no Elementor.