Como usar injeções de modelos de listagem alternativos no widget Listing Grid

Primeiro de tudo, você precisa habilitar a opção de injeções de Listing Grid. Vá para WordPress Dashboard > JetEngine > JetEngine Dashboard > Modules e marque a caixa de seleção Listing Grid injeções . Pressione o botão “ Salvar ”.

Você pode criar um modelo de listagem no Elementor Page Builder ou Gutenberg. Agora usaremos Elementor. Você pode criar a listagem de qualquer tipo necessário; agora usaremos os do tipo post e outro para taxonomia .

Não se esqueça de clicar no botão “ Publicar/Atualizar ” assim que todos os widgets desejados forem adicionados.

Depois, vá para a seção WordPress Dashboard > JetEngine > Listings e crie uma nova listagem alternativa com os mesmos widgets dinâmicos usados ​​na listagem principal. Clique no botão “ Publicar/Atualizar ”.

Em nosso caso, utilizamos os widgets JetEngine Dynamic Field e Dynamic Image para mostrar informações sobre a sala e seus recursos.

Lembre-se de que você também pode usar Gutenberg para construir a listagem necessária com a ajuda dos blocos dinâmicos de mesmo nome que usamos no Elementor.

Abra a página onde a listagem original é exibida por meio do widget Listing Grid (Elementor) ou bloco (Gutenberg). Observaremos as configurações do Elementor.

Prossiga para personalizar o widget no painel de configurações. Na seção Geral , habilite a opção Injetar itens de listagem alternativos . 

Clique no botão “ Adicionar Item ” e defina o item.

No campo Modelo de listagem , selecione a listagem alternativa criada. Vamos examinar as opções do campo Injetar em .

Em cada N item

Uma vez selecionada esta opção, o item da listagem será exibido no número predefinido de postagens. Verifique as personalizações disponíveis.

Aqui exibimos a listagem alternativa em cada segundo item.

• Injetar número — defina o número no qual colocar os itens alternativos da listagem. Por exemplo, se você colocar “2”, a listagem alternativa será injetada em cada segundo item. Se o valor colocado no campo Número do item for negativo, a unidade de listagem alternativa será aplicada não a partir do primeiro item, mas do último. Por exemplo, se você colocar “-1” ali, o modelo alternativo será utilizado para o último item da grade;
• Comece do primeiro – habilite a aplicação do modelo de listagem alternativo à primeira célula da primeira linha e a cada N item depois disso;
• Injete este item apenas uma vez – ative e especifique o número do item. Neste caso, o modelo de listagem será aplicado apenas a uma única célula da grade;
• Extensão da coluna — defina este valor para personalizar o layout da listagem de acordo com suas necessidades. Mas esteja ciente de que não pode ser maior que o valor do número das colunas;
• Item estático — ative este recurso se quiser injetar objetos estáticos na listagem.

Depende do valor do metacampo do item

Habilite a injeção de itens de listagem nos critérios de valor do metacampo. Ajuste-os com a ajuda das seguintes configurações.

Por exemplo, você pode definir a listagem alternativa se um item tiver o valor “superior” no metacampo “Status”.

• Chave (nome/ID) — cole a chave do metacampo que funcionará como critério para injeção alternativa de itens de listagem;
• Operador — escolha o operador desejado para comparação; 
• Valor — cole o valor usado para comparação.

Outras configurações são repetidas conforme as disponíveis quando a opção “Em cada N item” for selecionada.

Se a postagem tiver termos

Use esta opção se desejar definir o item de listagem alternativo dependendo se o item inclui alguns valores de termo.

Por exemplo, vamos colocar uma listagem alternativa em cada postagem incluída na categoria “Escolhas do Editor”.

• Taxonomia — escolha a taxonomia que inclui o termo necessário;
• Termos – cole os IDs dos termos ou slugs separados por vírgulas.

Se o tipo de postagem for

Vamos verificar a seguinte configuração no outro exemplo de listagem. 

Defina a grade de listagem para injetar itens por tipo de postagem. Desta vez, a listagem inclui dois tipos de postagem diferentes. Portanto, inicialmente, ative a alternância Usar tipos de postagem personalizados e defina os tipos de postagem exibidos na grade. Aqui injetamos uma listagem alternativa para o tipo de postagem “Serviços”.

• Tipo de postagem – escolha o tipo de postagem do qual o item da listagem deve fazer parte para ser injetado.

Se a taxonomia do termo for

Por enquanto, você pode usar esse recurso como alternativa para itens de taxonomia já colocados, então desta vez usamos a listagem de termos. Por exemplo, destaque o primeiro item e coloque-o em destaque.

Lembre-se de ativar o recurso Injetar este item apenas uma vez para injetar uma listagem alternativa apenas para o primeiro item.

• Taxonomia — selecione a taxonomia necessária do termo para ser o critério de injeção. 

É possível adicionar quantos itens personalizados com configurações diferentes desejar. Quando todas as configurações estiverem ajustadas, clique no botão “ Atualizar ” e visualize a listagem no front end.

Esta é a aparência de uma grade de listagem simples com um modelo de listagem usado:

E é aqui que o modelo de listagem alternativo foi injetado em cada segundo item:

Não se esqueça de que você obterá um resultado diferente dependendo do recurso selecionado como opção Injetar em .