Como criar um Listing Template usando o metacampo repetidor

Crie um tipo de postagem personalizado e um metacampo repetidor

Primeiro, você precisa criar um tipo de postagem personalizado e preencher todos os valores necessários. Você pode encontrar as informações necessárias em nosso tutorial de criação de CPT .

Depois de preparar seu CPT, é hora de criar um metacampo Repetidor. Você pode encontrar o guia detalhado através do processo de criação de metacampo do repetidor neste tutorial .

Nesta etapa, criaremos um novo metacampo Repetidor para nosso CPT de países .

Para nosso tutorial, mostraremos as cidades e imagens dos países por meio de metacampos do Repetidor e, em seguida, exibi-los em uma Grade de Listagem.

Preencha os campos nas postagens

Vá para cada postagem do seu CPT e adicione as informações necessárias aos campos Repetidor. Aqui está o que temos em nosso exemplo:

Criar nova listagem

Vá para JetEngine> Listagens .

Clique no botão “ Adicionar Novo ” e na Fonte da Listagem , você precisa selecionar o Campo Repetidor . Preste atenção aos seguintes parâmetros que você precisa definir:

• Do tipo de postagem é um CPT para o qual você criou o repetidor;
• A fonte do repetidor contém duas opções: JetEngine e ACF, — se você criou um metacampo repetidor via JetEngine ou ACF, use a fonte correspondente;
• Campo Repetidor — especifique o nome do metacampo Repetidor;
• Nome do item da listagem — dê um nome a uma listagem;
• Visualização de listagem – selecione para operar com a listagem no editor Elementor ou Blocks (Gutenberg).

Em nosso exemplo, selecionamos o construtor de páginas Elementor. Todas as configurações que você vê acima podem ser alteradas na seção Configurações de listagem do menu Configurações de itens de listagem . Para encontrá-lo, no construtor de páginas Elementor, clique no botão em forma de engrenagem no canto inferior esquerdo do menu.

Configuração do elemento

Assim que uma listagem para repetidor for criada, você será transferido para a página do editor Elementor. Aqui, você precisa usar widgets dinâmicos. Vamos adicionar um widget de campo dinâmico .

Aqui, no campo Fonte , você precisa escolher a opção “Campo Repetidor”. Depois disso, você precisará inserir o ID do metacampo do repetidor no metacampo personalizado/ campo chave do repetidor. Em nosso exemplo, exibimos a tecla repetidora “Cidade”.

Vamos adicionar uma “Imagem” que criamos anteriormente. Adicione um widget de Imagem Dinâmica e use a tecla repetidora no campo correspondente, conforme mostrado abaixo:

Você pode definir o estilo dos valores dos Widgets Dinâmicos de acordo com seus gostos e necessidades na guia do menu Estilo.

Aplicando o widget de grade de listagem

Depois de preparar seu modelo de listagem, você precisa exibi-lo no widget Grade de listagem. Use a funcionalidade de modelo único disponível no JetThemeCore ou no Elementor Pro. Abra o modelo Single Post no Elementor e solte o widget Listing Grid .

Selecione a listagem que você criou anteriormente para o metacampo Repetidor e descubra que os itens repetidores que você adicionou à sua postagem no backend (cidades e suas imagens) são exibidos na forma de uma grade.

Configure os parâmetros da grade de listagem da mesma forma que para listagens regulares de postagens ou taxonomias: consulta de postagens, consulta de termos, bloco de estilo, etc.