Produtos Elementor WooCommerce não aparecem: corrigir

Tipo Page Builders

Nome do erro Produtos WooCommerce não aparecem no Elementor EN: WooCommerce products not displaying in Elementor

Severidade Grave

Descrição Os produtos do Elementor com WooCommerce não aparecem quando o widget de Produtos carrega vazio ou a página de produto fica sem conteúdo. As causas comuns são o Source do widget apontando para uma consulta sem itens, o template do Theme Builder publicado sem condição de exibição, ou o CSS do Elementor desatualizado.

O que é a exibição de produtos do WooCommerce no Elementor?

A exibição de produtos do WooCommerce no Elementor depende de dois caminhos: o widget de Produtos (Products), que monta uma grade a partir de uma consulta ao catálogo, e os templates do Theme Builder (Single Product e Products Archive), que substituem o layout padrão da loja. Quando algo nesse caminho falha, a grade carrega vazia, a página de produto abre sem o conteúdo do template, ou a loja volta ao layout padrão do tema em vez do desenho feito no Elementor. O problema é de configuração da consulta ou da condição de exibição, não de produto cadastrado errado.

Como identificar

O widget de Produtos (Products) aparece como uma área vazia no editor e no frontend, sem nenhum card de produto.
A página individual do produto abre sem o layout montado no Elementor e usa o template padrão do tema.
A grade da loja mostra a mensagem ‘Nenhum produto encontrado’ (‘No products found’) mesmo havendo produtos publicados.
Os produtos aparecem no editor do Elementor mas somem no frontend, ou aparecem sem estilo (CSS quebrado).

Antes de começar: Antes de regenerar arquivos e dados ou editar o functions.php, faça backup do site. A regeneração de CSS reescreve os arquivos do Elementor e, em lojas grandes, convém rodar em horário de baixo tráfego para não servir páginas de produto sem estilo aos visitantes.

Como prevenir

Use ‘Current Query’ no widget de Produtos somente dentro do template de arquivo da loja; em páginas comuns prefira ‘Latest Products’ ou ‘Manual Selection’
Sempre publique os templates do Theme Builder com a condição de exibição aplicada antes de remover o layout padrão do tema
Exclua o Elementor da minificação e combinação de CSS no plugin de cache e mantenha o Elementor Pro e o WooCommerce sempre atualizados em staging primeiro

Causa

Source do widget de Produtos definido como 'Current Query' fora de uma página de arquivo do WooCommerce, onde não existe consulta de loja para herdar.
Template Single Product ou Products Archive criado no Theme Builder mas publicado sem condição de exibição em 'All Products' ou 'Singular -> Products', então o WooCommerce volta ao layout padrão do tema.
Elementor Pro inativo ou com licença expirada, desativando os widgets de WooCommerce e os templates do Theme Builder que exibem a loja.
Tema sem declaração de suporte ao WooCommerce (add_theme_support woocommerce) ou plugin desatualizado em relação à versão do Elementor, quebrando o hook que injeta os produtos.
CSS e dados do Elementor desatualizados após atualização, deixando a grade de produtos sem layout ou invisível no frontend.

Como resolver

Confirme o Source do widget de Produtos: abra o widget de Produtos no editor, na aba Conteúdo verifique o campo Source. Em uma página comum, use 'Latest Products' ou 'Manual Selection' e escolha os produtos. Reserve 'Current Query' apenas para o template de arquivo (Products Archive), onde existe a consulta da loja para herdar.
```
Conteúdo -> Source: Latest Products
Conteúdo -> Source: Manual Selection (selecione os produtos)
```
Defina a condição de exibição do template: se a página de produto ignora o desenho do Elementor, vá ao Theme Builder e confirme que o template está Publicado e com a condição certa aplicada. Sem condição, o WooCommerce cai no layout padrão do tema.
```
Elementor -> Theme Builder -> Single Product -> Display Conditions
Adicionar condição: All Products (ou Singular -> Products)
```
Verifique o Elementor Pro e o WooCommerce ativos: em Plugins, confirme que o Elementor Pro está ativo com a licença registrada e que o WooCommerce está atualizado. Os widgets de produto e os templates de loja só existem com o Elementor Pro válido.
```
Plugins -> Elementor Pro: Ativo
Elementor -> Licença: registrada
Plugins -> WooCommerce: Ativo e atualizado
```
Regenere CSS e dados do Elementor: se os produtos somem só no frontend ou aparecem sem estilo, recrie os arquivos de CSS do Elementor para limpar layout corrompido por atualização.
```
Elementor -> Ferramentas -> Regenerar arquivos e dados
```
Garanta o suporte do tema ao WooCommerce: se a loja inteira ignora os templates, confirme que o tema declara suporte ao WooCommerce. Em um tema próprio, adicione a declaração no functions.php do tema filho.
```
add_theme_support( 'woocommerce' );
```

PHP

// functions.php do tema filho — garante suporte ao WooCommerce e
// registra no log se a pagina de produto nao tiver template do Elementor ativo
add_action( 'after_setup_theme', function () {
    add_theme_support( 'woocommerce' );
} );

add_action( 'template_redirect', function () {
    if ( function_exists( 'is_product' ) && is_product() ) {
        // se nenhum template do Theme Builder casou, o location 'single' fica sem documento
        if ( class_exists( '\ElementorPro\Modules\ThemeBuilder\Module' ) ) {
            $docs = ElementorProModulesThemeBuilderModule::instance()
                ->get_conditions_manager()
                ->get_documents_for_location( 'single' );
            if ( empty( $docs ) ) {
                error_log( 'Elementor/Woo: nenhum template Single Product com condicao aplicada nesta pagina de produto' );
            }
        }
    }
} );

Perguntas frequentes

O widget de Produtos do Elementor carrega totalmente vazio. Por quê?

Na maioria dos casos o Source está como 'Current Query' em uma página que não é arquivo da loja, então não há consulta para herdar e a grade fica vazia. Troque para 'Latest Products' ou 'Manual Selection' e escolha os produtos. 'Current Query' só funciona dentro do template Products Archive.

A página de produto ignora o layout que montei no Elementor. Como resolver?

Verifique no Theme Builder se o template Single Product está publicado e com a condição de exibição aplicada em 'All Products' ou 'Singular -> Products'. Sem condição atribuída, o WooCommerce cai no layout padrão do tema em vez de usar o seu template do Elementor.

Os produtos aparecem no editor mas somem no frontend. O que houve?

Quase sempre é o CSS do Elementor desatualizado ou bloqueado pelo cache. Vá em Elementor -> Ferramentas -> Regenerar arquivos e dados e, no plugin de cache, exclua o Elementor da minificação de CSS. Recarregue a página de produto sem cache para confirmar.

Preciso do Elementor Pro para exibir produtos do WooCommerce?

Sim. O widget de Produtos e os templates de loja do Theme Builder (Single Product e Products Archive) são recursos do Elementor Pro. Com o Pro inativo ou a licença expirada, esses widgets e templates somem e a loja volta ao layout padrão do tema.

Por que a loja mostra 'Nenhum produto encontrado' mesmo com produtos publicados?

Isso costuma vir de um filtro de consulta no widget (categoria, status, estoque) que não casa com nenhum produto, ou do widget herdando uma consulta vazia. Revise os filtros na aba Query do widget de Produtos e confirme que os produtos estão publicados e visíveis no catálogo.

Atualizei o WooCommerce e os produtos sumiram do Elementor. O que fazer?

Uma incompatibilidade de versão entre WooCommerce e Elementor pode quebrar o hook que injeta os produtos. Atualize também o Elementor e o Elementor Pro para a versão mais recente, regenere arquivos e dados e teste em staging antes de aplicar na loja ao vivo.

Como saber se o problema é o tema e não o Elementor?

Confirme se o tema declara suporte ao WooCommerce com add_theme_support( 'woocommerce' ). Sem essa declaração, os hooks de produto não rodam e a loja ignora os templates. Em um tema próprio, adicione a linha no functions.php do tema filho e recarregue a página.

Atenção

Como corrigir o erro do Image Grid no Happy Addons

O erro do Image Grid no Happy Addons acontece quando o widget está desativado no Feature Controller, o Elementor está desatualizado ou um cache antigo serve o CSS e o JavaScript errados, fazendo o widget sumir do editor, as imagens não aparecerem ou o layout masonry quebrar.

Grave

Como corrigir o erro “Preview Could Not Be Loaded” no Elementor

O erro "Preview Could Not Be Loaded" aparece quando o editor do Elementor não consegue carregar a página dentro do iframe de preview. O próprio aviso costuma apontar a causa: tema ausente, .htaccess corrompido, código HTTP de erro ou a página de posts definida como página estática.

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.

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.

Grave

Como corrigir o erro de licenca no Essential Addons for Elementor

O erro de licenca do Essential Addons acontece quando a chave Pro não valida no servidor do WPDeveloper, e os widgets Pro deixam de aparecer no Elementor. As causas comuns são chave incorreta, limite de sites atingido, assinatura expirada ou o servidor sem conexão de saida com store.wpdeveloper.com.

Grave

Como corrigir o erro de query no JetEngine quando o Listing não filtra

Quando o JetEngine Listing não filtra, o filtro do JetSmartFilters dispara, o grid recarrega, mas os mesmos itens continuam na tela. A causa quase sempre e o Query ID divergente entre o filtro e o Listing Grid, uma Custom Query do Query Builder sem o mesmo Query ID, ou o provider apontando para a listagem errada.

Setores

Extensões

Integrações

Como corrigir erros de exibição de produtos do WooCommerce no Elementor

O que é a exibição de produtos do WooCommerce no Elementor?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir o erro do Image Grid no Happy Addons

Como corrigir o erro “Preview Could Not Be Loaded” no Elementor

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

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

Como corrigir o erro de licenca no Essential Addons for Elementor

Como corrigir o erro de query no JetEngine quando o Listing não filtra

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