JetWooBuilder não edita template de produto: como corrigir

Tipo Page Builders

Nome do erro JetWooBuilder não edita templates de produto EN: JetWooBuilder not editing product templates

Severidade Grave

Descrição O JetWooBuilder não aplica o template de produto quando a opção Enable custom product single page não foi marcada em WooCommerce, Settings, JetWooBuilder, quando os widgets de Single Product estão desativados, ou quando o template está salvo como rascunho. Sem isso a loja mantém o layout padrão do tema.

O que é o JetWooBuilder que não edita template de produto?

O JetWooBuilder é o plugin da Crocoblock que permite montar templates visuais das páginas de loja do WooCommerce (Produto Único, Catálogo, Carrinho, Finalizar Compra e Minha Conta) dentro do editor Elementor, na versão gratuita, usando widgets próprios como Single Title, Single Images, Single Add to Cart e Single Meta. Quando ele não edita o template de produto, você cria o template em Crocoblock, Woo Page Builder, mas os widgets do JetWooBuilder não aparecem na barra lateral do Elementor, ou o template salva mas a página de produto no frontend continua com o layout padrão do tema. Isso acontece porque o JetWooBuilder depende de três etapas separadas: habilitar os widgets de Single Product nas configurações do plugin, criar o template do tipo Single, e atribuir esse template ao produto em WooCommerce, Settings, JetWooBuilder marcando a opção que ativa o single page customizado. Pular qualquer uma dessas etapas faz o template existir mas nunca substituir a página real.

Como identificar

Os widgets do JetWooBuilder, como Single Title, Single Images e Single Add to Cart, não aparecem na barra lateral de widgets do editor Elementor ao abrir o template.
O template de Single foi salvo em Crocoblock, Woo Page Builder, mas a página de produto no frontend continua com o layout padrão do tema e ignora o design.
Em WooCommerce, Settings, JetWooBuilder, a seção Single Product não mostra o template no dropdown Single Product Template, ou a opção Enable custom product single page aparece desmarcada.
Ao abrir o produto no frontend, o design só aparece no editor, mas a página pública mostra o template antigo do tema ou da loja.
Depois de uma atualização do JetWooBuilder, do WooCommerce ou do Elementor, o template parou de ser aplicado e o produto voltou ao layout do tema.

Antes de começar: Antes de atualizar plugins ou trocar de tema em produção, faça um backup completo do site, porque uma incompatibilidade de versão entre JetWooBuilder, WooCommerce e Elementor pode derrubar todas as páginas de loja de uma vez.

Como prevenir

Atualize JetWooBuilder, WooCommerce e Elementor sempre juntos, nunca apenas um, para evitar incompatibilidade de versão que derruba o template de produto
Sempre confirme a opção Enable custom product single page em WooCommerce, Settings, JetWooBuilder logo após criar o template, antes de testar no frontend
Use um tema neutro como o Hello Elementor em lojas montadas inteiramente no JetWooBuilder, para o WooCommerce do tema não competir com o template do plugin
Teste cada template novo em ambiente de staging e confirme a atribuição antes de publicar na loja em produção

Causa

A opção Enable custom product single page em WooCommerce, Settings, JetWooBuilder, seção Single Product, está desmarcada, então o template salvo nunca é atribuído à página de produto.
Os widgets de Single Product estão desativados em Crocoblock, JetPlugins Settings, JetWooBuilder, Widgets, então os widgets Single Title, Single Images e Single Add to Cart não aparecem na barra lateral do Elementor.
O template do JetWooBuilder está salvo como rascunho ou privado em Templates, Saved Templates, e não como Público, então o frontend não consegue carregá-lo.
O Elementor não está habilitado para o post type product em Elementor, Settings, General, deixando o editor sem assumir as páginas do WooCommerce.
Um tema com WooCommerce próprio, como Astra ou Storefront, registra seu próprio template de produto pelo Theme Builder e sobrescreve o template do JetWooBuilder.
Os arquivos CSS do Elementor para o template estão corrompidos ou desatualizados após uma atualização, então o template carrega sem estilo ou não aplica as mudanças no frontend.

Como resolver

Confirme JetWooBuilder, WooCommerce e Elementor ativos e atualizados: em Plugins, Plugins Instalados, garanta que o JetWooBuilder, o WooCommerce e o Elementor estão os três ativos. Em Crocoblock, Update and Installation, clique em Check For Updates e atualize o JetWooBuilder se houver versão nova, porque arquivos desatualizados criam conflito com o template.
```
wp plugin list --status=active --field=name
wp plugin activate jet-woo-builder woocommerce elementor
```
Habilite os widgets de Single Product: vá em Crocoblock, JetPlugins Settings, JetWooBuilder, aba Widgets, role até o bloco Single Product Widgets e ligue os widgets que vai usar, como Single Title, Single Images e Single Add to Cart. Sem isso eles não aparecem na barra lateral do Elementor e você não consegue editar o template.
Crie o template do tipo Single: abra Crocoblock, Woo Page Builder e clique em Create New Template. No campo This Template For escolha a opção Single, defina o Template Name e clique em Create Template para abrir o Elementor. Monte a página com os widgets do JetWooBuilder e clique em Update para salvar.
Atribua o template ao produto no WooCommerce: este é o passo que a maioria pula. Vá em WooCommerce, Settings, aba JetWooBuilder e role até a seção Single Product. Marque a opção Enable custom product single page, escolha o template criado no dropdown Single Product Template e clique em Save changes no rodapé. Sem isso o template fica salvo mas nunca substitui a página real.
Garanta que o template está Público e o Elementor habilitado: vá em Templates, Saved Templates e confirme que o template do JetWooBuilder está como Público, não como rascunho ou privado. Depois, em Elementor, Settings, General, confirme que o post type product está marcado, para o Elementor assumir as páginas de produto.
Regenere o CSS e limpe os caches: vá em Elementor, Tools, General, clique em Regenerate CSS e depois em Sync Library, para reconstruir os arquivos de estilo do template. Em seguida limpe o cache do plugin de cache e o cache de servidor da hospedagem, já que conteúdo antigo em cache faz o frontend mostrar o layout velho.
Isole conflito de tema e plugins: se o template tem condição certa mas ainda não aplica, troque temporariamente para um tema neutro como o Twenty Twenty-Four e desative os plugins não essenciais, deixando só JetWooBuilder, WooCommerce e Elementor. Se o template voltar a aplicar, reative um plugin por vez para achar o conflito ou ajuste o WooCommerce override do tema.

PHP

<?php
// Diagnostico: confirma os pre-requisitos do template de produto do JetWooBuilder.
// Rode via wp eval-file diagnostico.php ou cole num snippet temporario.
if ( ! is_plugin_active( 'jet-woo-builder/jet-woo-builder.php' ) ) {
    error_log( 'JetWooBuilder: plugin INATIVO' );
}
if ( ! is_plugin_active( 'woocommerce/woocommerce.php' ) ) {
    error_log( 'JetWooBuilder: WooCommerce INATIVO' );
}
// Le as opcoes do JetWooBuilder: single page customizado ligado e qual template.
$opts = get_option( 'jet_woo_builder', array() );
$enabled  = ! empty( $opts['enable_custom_single'] ) ? 'SIM' : 'NAO';
$template = isset( $opts['single_template'] ) ? $opts['single_template'] : '0';
error_log( sprintf( 'Single page customizado: %s | Template ID atribuido: %s', $enabled, $template ) );
if ( $template && 'publish' !== get_post_status( (int) $template ) ) {
    error_log( 'JetWooBuilder: template existe mas NAO esta publicado (rascunho/privado)' );
}

Perguntas frequentes

Preciso do Elementor Pro para usar o JetWooBuilder?

Não. O JetWooBuilder funciona com a versão gratuita do Elementor, segundo a própria Crocoblock. Você precisa do Elementor Free, do WooCommerce e do JetWooBuilder instalados e ativos. Os widgets de Single Product ficam disponíveis no editor depois de habilitados nas configurações do plugin.

Salvei o template mas o produto continua com o layout antigo. Por quê?

Quase sempre falta atribuir o template. Vá em WooCommerce, Settings, JetWooBuilder, seção Single Product, marque Enable custom product single page e escolha o template no dropdown Single Product Template. Um template salvo sem essa atribuição fica guardado, mas o JetWooBuilder não o aplica a nenhuma página de produto.

Os widgets do JetWooBuilder não aparecem no Elementor. O que fazer?

Vá em Crocoblock, JetPlugins Settings, JetWooBuilder, aba Widgets e ligue os widgets do bloco Single Product Widgets, como Single Title e Single Images. Eles só são carregados na barra lateral do Elementor depois de habilitados ali. Widgets desativados para otimizar o site não aparecem no editor.

O template aparece no editor mas some no frontend. Como resolver?

Confirme que o template está como Público em Templates, Saved Templates, não como rascunho ou privado. Depois, em Elementor, Tools, General, clique em Regenerate CSS e Sync Library e limpe o cache do site. Template privado ou CSS corrompido fazem o design carregar só no editor.

Meu tema está sobrescrevendo o template do JetWooBuilder. O que fazer?

Temas com WooCommerce próprio, como o Storefront ou o Astra, registram seu template de produto pelo Theme Builder e disputam com o JetWooBuilder. Troque temporariamente para o Twenty Twenty-Four ou o Hello Elementor para confirmar, e desligue o override de WooCommerce nas configurações do tema.

Atualizei só o WooCommerce e o template parou. É normal?

Atualizar apenas um dos plugins costuma criar incompatibilidade de versão. Atualize JetWooBuilder, WooCommerce e Elementor juntos e use Check For Updates em Crocoblock, Update and Installation. A mistura de versões antigas e novas é uma causa comum de o template de produto parar de aplicar.

Qual a diferença entre criar pelo Woo Page Builder e pelo JetThemeCore?

Pelo Woo Page Builder você cria o template Single e o atribui em WooCommerce, Settings, JetWooBuilder. Pelo JetThemeCore você cria um page template com cabeçalho e rodapé e define a condição no próprio Theme Builder, sem atribuir nas configurações do WooCommerce. Misturar os dois caminhos no mesmo produto costuma anular um deles.

Atenção

Como corrigir o erro de JavaScript no JetSmartFilters no WordPress

O erro de JavaScript no JetSmartFilters acontece quando o script de filtragem trava no navegador por conflito de scripts, provider mal configurado ou cache servindo um arquivo antigo, fazendo os filtros pararem de aplicar e o console exibir mensagens de erro.

Atenção

Como corrigir o erro de fontes do Google entre Elementor e Perfmatters no WordPress

O erro de fontes Google entre Elementor e Perfmatters acontece quando as opções Disable Google Fonts ou Remove Unused CSS do Perfmatters removem os arquivos de fonte que o Elementor carrega, fazendo a tipografia trocar para a fonte padrão do sistema ou desaparecer no frontend.

Atenção

Como corrigir o JetBooking que não envia notificações por e-mail no WordPress

O JetBooking não envia email quando o WordPress não entrega mensagens via wp_mail sem um SMTP configurado, ou quando a acao de envio de e-mail do formulário de reserva esta ausente ou mal mapeada. A página não tem motor de e-mail próprio: a notificação depende do wp_mail e da acao Send Email do JetFormBuilder.

Atenção

Como corrigir o Cross Domain Copy Paste que não funciona no Happy Addons

O Happy Addons copy paste não funciona entre sites quando o navegador bloqueia o acesso à área de transferência, a licença Pro não está ativa nos dois domínios ou as versões do Happy Addons Pro estão diferentes, impedindo o X Paste de colar o elemento do Elementor.

Grave

Como corrigir o JetEngine Relations que não conecta posts

JetEngine Relations que não conecta posts quase sempre vem dos controles do objeto parent ou child desligados na relação, do post type não bater com o objeto escolhido, ou do post não ser salvo com Atualizar após a conexão. Ativar os controles e salvar resolve.

Informativo

Como corrigir o widget Image Comparison no Essential Addons que não funciona no WordPress

O widget Image Comparison do Essential Addons não funciona quando o elemento está desativado no painel do plugin, quando faltam as imagens de antes e depois, ou quando o CSS e JS gerados estão desatualizados e o controle deslizante não inicializa no Elementor.

Setores

Extensões

Integrações

Como corrigir o JetWooBuilder que não edita templates de produto

O que é o JetWooBuilder que não edita template de produto?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir o erro de JavaScript no JetSmartFilters no WordPress

Como corrigir o erro de fontes do Google entre Elementor e Perfmatters no WordPress

Como corrigir o JetBooking que não envia notificações por e-mail no WordPress

Como corrigir o Cross Domain Copy Paste que não funciona no Happy Addons

Como corrigir o JetEngine Relations que não conecta posts

Como corrigir o widget Image Comparison no Essential Addons que não funciona no WordPress

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