Conflito templates Crocoblock Astra: corrigir

Tipo Page Builders

Nome do erro Incompatibilidade de templates entre Crocoblock e Astra Pro EN: Crocoblock templates incompatible with Astra Pro

Severidade Atenção

Descrição A incompatibilidade de templates entre Crocoblock e Astra Pro acontece quando o JetThemeCore aplica um Body Template na mesma condicao em que o Astra Pro já monta cabeçalho, título e container, e os dois layouts competem. O resultado e cabeçalho duplicado, título repetido ou o template errado vencendo.

O que é o conflito de templates entre Crocoblock e Astra Pro?

A incompatibilidade de templates entre Crocoblock e Astra Pro e um conflito de layout em que duas camadas tentam controlar a mesma área da página. O JetThemeCore (parte do bundle Crocoblock) registra Theme Templates do tipo Body, Header e Footer com Conditions que dizem onde cada um aparece. O Astra Pro, por sua vez, já entrega cabeçalho, rodape, título de página e container pelo Customizer e pela meta box do tema.

Como identificar

A página mostra dois cabeçalhos (o do Astra Pro e o Header Template do JetThemeCore) empilhados no topo.
O título da página aparece duas vezes: uma vez pelo Astra e outra dentro do Body Template do JetEngine.
O container do Astra (largura, sidebar e padding) envolve o template do JetThemeCore, gerando duas caixas aninhadas e espacamento errado.
O Body Template do JetThemeCore não aplica e a página cai no layout padrão do Astra, mesmo com a Condition criada.
A sidebar do Astra aparece numa página que o template do JetEngine foi feito para ocupar a largura total.
O rodape duplica quando o Footer Template do JetThemeCore esta ativo junto com o rodape nativo do Astra.

Antes de começar: Faca um backup do site e teste as mudancas de Condition e de meta box numa página de staging antes de aplicar em producao. Alterar uma Condition do JetThemeCore com escopo amplo pode mudar o layout de várias páginas de uma so vez, entao anote a configuração original para conseguir reverter.

Como prevenir

Defina um dono único por área: ou o Astra Pro controla cabeçalho, título e rodape, ou o JetThemeCore controla, nunca os dois na mesma página.
Crie Conditions do JetThemeCore sempre especificas (por tipo de conteúdo), evitando Entire Site e Singular -> All.
Padronize as páginas de template do JetEngine com Astra em largura total e sem sidebar, salvando isso como padrão do tipo de conteúdo.
Documente quais Theme Templates estão ativos e em quais Conditions, para a equipe não criar templates concorrentes na mesma URL.

Causa

Uma Condition do JetThemeCore com escopo amplo (Entire Site ou Singular -> All) cobre páginas que o Astra Pro já monta, fazendo os dois aplicarem o próprio layout na mesma URL.
A meta box do Astra não foi configurada com Disable Title, Disable Header e Disable Footer na página que usa o Body Template do JetThemeCore, entao o título e o cabeçalho nativos continuam renderizando.
O Content Layout do Astra esta em Boxed ou Content Boxed em vez de Full Width / Stretched, e o container do tema envolve o template do JetEngine.
A opção Sidebar do Astra esta como Right Sidebar ou Left Sidebar na página, enquanto o template do JetThemeCore foi desenhado para No Sidebar (largura total).
Duas Conditions concorrentes do JetThemeCore tem a mesma especificidade, e a ordem de prioridade resolve para o template errado, ignorando o que você esperava aplicar.
O Header Builder e o Footer Builder do Astra Pro estão ativos ao mesmo tempo que os Header/Footer Templates do JetThemeCore, e ambos imprimem suas proprias áreas no mesmo hook.

Como resolver

Mapeie qual plugin esta renderizando cada área: Abra a página quebrada e use o inspetor do navegador para identificar de quem e cada bloco repetido. As marcacoes do Astra e as do JetThemeCore usam classes diferentes, e isso revela se o cabeçalho ou o título duplicado vem do tema ou do template do JetEngine.
```
Tecla F12 -> aba Elements
.ast-container e .site-header  (blocos do Astra)
.jet-theme-core e .elementor-location-header  (blocos do JetThemeCore)
```
Restrinja a Condition do JetThemeCore: No painel do Crocoblock, abra Theme Templates e edite as Conditions do Body, Header e Footer. Troque escopos amplos por condicoes especificas, para que o JetThemeCore so aplique exatamente onde você quer, deixando o resto das páginas para o Astra.
```
Crocoblock -> Theme Templates -> Conditions
Trocar: Entire Site  ->  Singular: Post Type específico
Include / Exclude por tipo de conteúdo
```
Desligue as áreas nativas do Astra na página do template: Nas páginas onde o Body Template do JetThemeCore deve mandar, use a meta box do Astra para desligar título, cabeçalho e rodape nativos. Assim sobra apenas o que o template do JetEngine desenha, sem o layout do tema por baixo.
```
Editar página -> caixa Astra Settings -> Disable Sections
Marcar: Disable Title, Disable Header, Disable Footer Widgets
Disable Primary Sidebar
```
Ajuste container e sidebar para largura total: Coloque o Content Layout em largura cheia e a Sidebar como nenhuma na página que usa o template do JetEngine. Isso impede que a caixa do Astra envolva o template do JetThemeCore e elimina as caixas aninhadas e o espacamento errado.
```
Astra Settings -> Content Layout -> Full Width / Stretched
Astra Settings -> Sidebar -> No Sidebar
```
Escolha um único dono do Header e do Footer: Decida quem controla cabeçalho e rodape e desligue o outro. Se o Header Template do JetThemeCore vai mandar, oculte o Header Builder do Astra nessa condicao. Faca o mesmo com o rodape, para nunca ter as duas áreas imprimindo no mesmo hook.
```
Customizer -> Header Builder do Astra -> ocultar na página do template
OU desativar o Header/Footer Template do JetThemeCore
Limpar cache e recarregar a página
```

PHP

/**
 * Plano B: remover o titulo nativo do Astra so nas paginas que usam
 * um Body Template do JetThemeCore, sem mexer no resto do site.
 * Cole em um plugin de snippets (ex.: Code Snippets), nao no functions.php do tema.
 */
add_action( 'wp', function () {
	// Ajuste a regra alvo: aqui, paginas do post type 'imovel' montadas pelo JetEngine.
	if ( is_singular( 'imovel' ) ) {
		// Desliga o titulo nativo do Astra (o titulo passa a vir do template do JetThemeCore).
		add_filter( 'astra_the_title_enabled', '__return_false' );
		// Forca largura total e sem sidebar nessa condicao.
		add_filter( 'astra_page_layout', function () { return 'no-sidebar'; } );
		add_filter( 'astra_get_content_layout', function () { return 'page-builder'; } );
	}
} );

Perguntas frequentes

Por que aparecem dois cabeçalhos na página com Crocoblock e Astra Pro

Porque o Header Template do JetThemeCore e o cabeçalho nativo do Astra estão ativos na mesma página. Os dois imprimem a própria área no topo. A correção e escolher um único dono do cabeçalho e desligar o outro na Condition ou na meta box da página.

Como faco o título da página parar de duplicar

O título duplica quando o Astra renderiza o título nativo e o Body Template do JetEngine também mostra um título. Na meta box do Astra, marque Disable Title na página que usa o template do JetThemeCore. Assim sobra so o título desenhado dentro do template.

Meu Body Template do JetThemeCore não aplica e a página fica com o layout do Astra

Quase sempre e a Condition. Verifique se a Condition do Body Template realmente cobre aquele tipo de conteúdo e se não ha outra Condition mais específica vencendo. Restrinja o escopo e confirme que o template esta publicado, não em rascunho.

O container do Astra esta envolvendo o template do JetEngine. Como resolvo

Coloque o Content Layout do Astra em largura cheia e a Sidebar como nenhuma na página do template. O container Boxed e a sidebar do tema criam uma caixa em volta do template do JetThemeCore, gerando as caixas aninhadas e o espacamento errado.

Preciso desativar o Astra Pro para usar o JetThemeCore

Não. Os dois convivem desde que cada área tenha um dono. Use o Astra para controlar o que o JetThemeCore não desenha e deixe o JetThemeCore mandar apenas nas Conditions especificas que você criou. O problema e sobreposicao, não incompatibilidade total.

Qual template ganha quando duas Conditions do JetThemeCore cobrem a mesma página

Vence a Condition mais específica. Quando duas tem a mesma especificidade, a ordem de prioridade decide, e o resultado pode não ser o que você espera. Deixe uma única Condition cobrindo cada página para o template certo aplicar sempre.

O rodape aparece duas vezes. O que esta acontecendo

Ha um Footer Template do JetThemeCore ativo junto com o rodape nativo do Astra. Os dois imprimem no mesmo lugar. Desligue o rodape do Astra na página pela meta box ou remova o Footer Template do JetThemeCore, mantendo apenas um deles ativo.

Grave

Como corrigir o JetSmartFilters que não filtra dados dinâmicos

O JetSmartFilters que não filtra mostra o filtro aplicado mas o Listing Grid do JetEngine continua igual, sem reduzir os resultados. A causa quase sempre e o provider errado no campo This filter for, o Query ID divergente entre filtro e listagem, ou o indexador desligado para filtros de taxonomia e meta.

Grave

Como corrigir Dynamic Tags do Elementor que não exibem dados do ACF

As Dynamic Tags do Elementor deixam de exibir dados do ACF quando o campo sai vazio no widget dinamico do editor. As causas reais são o Elementor Pro inativo (Dynamic Tags e recurso Pro), a regra de local do grupo ACF não casar com o post editado, ou o Image Field retornar Array em vez de Image URL.

Atenção

Como corrigir o layout quebrado de páginas de curso do Tutor LMS com Astra Pro no WordPress

O layout quebrado de páginas de curso do Tutor LMS com Astra Pro acontece quando a página de curso herda o container, a sidebar ou os elementos globais do Astra em vez de usar uma largura total sem barra lateral, deixando o conteúdo do curso estreito, espremido ou desalinhado.

Atenção

Como corrigir a navegação do slider que não funciona no Happy Addons

O Happy Addons slider não funciona quando a opção de navegação está definida como None, quando o Swiper do Elementor não inicializa por conflito de JavaScript ou cache, ou quando o slider tem um único slide, fazendo as setas e os dots de navegação sumirem ou não avançarem.

Atenção

Como corrigir o JetTabs que não alterna conteúdo no frontend

O JetTabs não alterna conteúdo no frontend quando o JavaScript do widget não carrega, IDs de aba duplicados colidem ou a otimização de cache adia o script, deixando as abas presas no primeiro item ao clicar.

Grave

Como corrigir layout quebrado no mobile após atualizar o Elementor

O layout mobile do Elementor quebra depois de atualizar quando os novos breakpoints do plugin deslocam onde os estilos responsivos são aplicados e o CSS antigo de cada página não e regenerado. No desktop o site parece normal, mas no celular o conteúdo aparece sobreposto, com colunas empilhadas erradas ou fora de largura.

Setores

Extensões

Integrações

Como corrigir a incompatibilidade de templates entre Crocoblock e Astra Pro

O que é o conflito de templates entre Crocoblock e Astra Pro?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir o JetSmartFilters que não filtra dados dinâmicos

Como corrigir Dynamic Tags do Elementor que não exibem dados do ACF

Como corrigir o layout quebrado de páginas de curso do Tutor LMS com Astra Pro no WordPress

Como corrigir a navegação do slider que não funciona no Happy Addons

Como corrigir o JetTabs que não alterna conteúdo no frontend

Como corrigir layout quebrado no mobile após atualizar o Elementor

Setores

Extensões

Integrações

Extensões

Hero Sections

Seções de CTA

Login

Blog

Cabeçalhos

Seções de FAQ

Cadastro

Blog individual

Rodapés

Seções de contato

Seções de preços

Faixas

Portfólio

Seções de equipe

Números

Logotipos