--- title: "Como corrigir a página de produto do WooCommerce que quebra com o Astra Pro" url: https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/ date: 2026-06-17 author: "Clayton Margiotti" --- # Como corrigir a página de produto do WooCommerce que quebra com o Astra Pro ## O que é a product page (página de produto) do WooCommerce quebrada com Astra? A página de produto (single product) e o template que o WooCommerce usa para exibir um produto individual: galeria a esquerda, titulo, preco, botao de comprar e abas de descricao a direita. O Astra Pro estende essa tela com opções proprias de layout, espacamento e galeria através do módulo WooCommerce do Astra Addon. Quando essa página quebra, o produto continua existindo, mas a tela aparece com a galeria gigante empilhada, colunas coladas, o botao de comprar deslocado ou sem o estilo do Astra, derrubando a conversao porque o cliente não confia numa página visualmente quebrada. ## Como identificar - A página do produto abre com a galeria de imagens gigante e empilhada, ocupando a largura toda em vez de ficar lado a lado com o resumo. - Em WooCommerce -> Status, a aba Templates mostra linhas em vermelho com a mensagem 'version X.Y.Z is out of date. The core version is A.B.C', indicando template sobrescrito desatualizado. - O botao 'Comprar agora' / 'Adicionar ao carrinho', o preco ou as abas aparecem fora de ordem, sem o espacamento e o estilo que o Astra normalmente aplica. - As opções de layout de produto somem do Personalizar (Customizer) em Aparencia -> Personalizar -> WooCommerce -> Single Product, sinal de que o módulo do Astra Addon foi desativado. **Antes de começar:** Faca backup do tema filho e teste em staging antes de remover a pasta de overrides do WooCommerce numa loja no ar. Se algum override continha customizacao real, guarde a copia (woocommerce-bkp) para reaproveitar a lógica na versão nova do template. ## Como prevenir - Depois de cada atualização do WooCommerce, abra WooCommerce -> Status -> Templates e atualize qualquer override marcado em vermelho antes que ele quebre a tela - Mantenha os scripts de galeria do WooCommerce fora da combinacao e do adiamento de JavaScript no plugin de cache - Use um único responsável pela single product: ou o layout nativo do Astra, ou um template do page builder, nunca os dois atribuidos ao mesmo produto - Após mexer no Personalizar do produto, abra um produto como visitante anonimo para confirmar que galeria, preco e botao de comprar continuam alinhados Erros relacionados - [Como corrigir produto do WooCommerce com página em branco](https://full.services/wp-fixer/corrigir-produto-branco-woocommerce/) - [Como corrigir o conflito de CSS otimizado entre Astra Pro e WP Rocket](https://full.services/wp-fixer/corrigir-conflito-css-astra-pro-wp-rocket/) - [Como corrigir Custom Layouts que não aplicam no Astra Pro](https://full.services/wp-fixer/corrigir-custom-layouts-astra-pro/) --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services/", "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023", "Gold Medal - The WP Weekly Awards 2024" ], "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "TechArticle", "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/#article", "headline": "Como corrigir a página de produto do WooCommerce que quebra com o Astra Pro", "url": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/", "inLanguage": "pt-BR", "datePublished": "2026-06-17T12:39:47-03:00", "dateModified": "2026-06-17T12:39:47-03:00", "author": { "@id": "https://full.services/#org" }, "publisher": { "@id": "https://full.services/#org" }, "isAccessibleForFree": false, "about": [ { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, { "@type": "Thing", "name": "WooCommerce" } ], "mentions": { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/" }, "wordCount": 869, "description": "A product page do WooCommerce com Astra quebrar significa que a tela do produto abre com layout desalinhado, galeria empilhada ou botao de comprar fora do lugar. Quase sempre vem de template do WooCommerce desatualizado no tema filho, do módulo WooCommerce do Astra Addon desativado ou de um page builder assumindo a single product.", "articleSection": "WooCommerce", "keywords": "galeria do produto woocommerce nao carrega astra, layout produto woocommerce astra desalinhado, modulo woocommerce astra addon desativado, single product astra pro quebrado, template woocommerce desatualizado astra pro", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://wpastra.com/docs/single-product-page-woocommerce/", "name": "Astra — WooCommerce Single Product Layout" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir a página de produto do WooCommerce que quebra com o Astra Pro", "programmingLanguage": "PHP", "codeRepository": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/#faq-q1", "name": "A página do produto abriu com a galeria gigante empilhada. Por onde comeco?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Quase sempre e a galeria sem os scripts do WooCommerce: o cache combinou ou adiou o JavaScript e o slider não montou. Exclua os scripts flexslider, zoom e photoswipe da otimização e limpe o cache. Se persistir, cheque templates desatualizados em WooCommerce -> Status.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/#faq-q2", "name": "As opções de layout do produto sumiram do Personalizar do Astra. O que aconteceu?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O módulo de integração do WooCommerce no Astra Addon foi desativado. Sem ele, o Astra devolve o layout cru do WooCommerce e as opções de Single Product desaparecem. Reative o módulo no painel do Astra em Aparencia -> Astra Options -> Addon.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/#faq-q3", "name": "WooCommerce -> Status mostra templates em vermelho. Isso quebra a página do produto?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Linhas em vermelho são templates sobrescritos no tema filho numa versão antiga. Quando o WooCommerce muda a estrutura desses arquivos, o override velho quebra o layout. Atualize o override para a versão nova ou remova a pasta woocommerce do tema filho.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/#faq-q4", "name": "Uso Elementor Pro. Ele pode estar quebrando o single product do Astra?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Pode. Um template Single Product publicado no Theme Builder do Elementor e atribuido a todos os produtos sobrepoe o layout do tema. Desative ou ajuste a regra de exibicao desse template e teste a tela do produto sem ele para isolar o conflito.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/#faq-q5", "name": "A galeria e o resumo do produto ficaram colados, sem espaco entre eles. Como corrijo?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Confira o container e a sidebar do produto no Personalizar em WooCommerce -> Single Product. Se a tela foi deixada em largura total enquanto o conteúdo espera duas colunas, a galeria e o resumo colam. Volte ao layout padrão com sidebar e salve.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/#faq-q6", "name": "Posso so apagar a pasta woocommerce do tema sem perder nada?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Apagar a pasta woocommerce do tema filho remove os overrides e faz o WooCommerce voltar aos templates padrão. So perde customizacao se você tinha editado esses arquivos. Renomeie a pasta para woocommerce-bkp em vez de apagar, assim guarda a copia para reaproveitar.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-product-page-woocommerce-astra-pro/#faq-q7", "name": "Funciona num produto e quebra em outro. O que verificar?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Geralmente e uma regra de exibicao: um Custom Layout do Astra ou um template do page builder atribuido a uma categoria ou a produtos especificos. Compare os dois produtos e veja se o quebrado cai numa regra de template diferente do que funciona.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```