Você está procurando uma maneira de remover os breadcrumbs do WooCommerce em páginas específicas? Os trechos a seguir permitirão que você remova os breadcrumbs do WooCommerce em todas as páginas ou em páginas específicas.
Instruções:
Adicione um dos seguintes trechos ao arquivo functions.php do seu tema ou a um plugin específico do site.
-
This snippet will remove WooCommerce breadcrumbs on specific pages.
add_action('template_redirect', 'remove_shop_breadcrumbs' ); function remove_shop_breadcrumbs(){ if (is_shop()) remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0); }Existem várias funções que você pode usar na linha 4 para remover breadcrumbs de páginas específicas no WooCommerce. Aqui estão alguns exemplos:
if(is_shop()){ ... } // shop page if(is_front_page() ){ ... } // static front page if(is_home()){ ... } // default page -
This snippet will remove WooCommerce breadcrumbs on all pages.
remove_action('woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar / colar trechos de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: os 27 melhores temas do WordPress para marketing de afiliados e como salvar dados parciais de formulário no WordPress.
obrigado!
remove_action(‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0);
Funcionou maravilhosamente!!
Isso funcionou, obrigado!
Obrigado, este funcionou para mim
.woocommerce-breadcrumb { display: none; }
Esta solução pode funcionar, mas ocultar dessa maneira geralmente não é recomendado por motivos de SEO.
Este funcionou para mim!
.woocommerce-breadcrumb { display: none; }
Não funciona para o tema WooCommerce Toy Store (Filho) Kava (Pai). Já tentei de todas as formas possíveis e ainda está lá.
Não recomendamos o uso de CSS para ocultar conteúdo na maioria dos casos devido ao SEO.
Não funciona
Você está recebendo alguma mensagem de erro?
Removi as migalhas de pão do meu site usando este código no CSS adicional e também desabilitei as migalhas de pão do Yoast SEO.
.woocommerce-breadcrumb {
display: none;
}
Mas não estou removendo do Search Console. Fiz o teste ao vivo várias vezes, mas ainda está lá no Search Console.
Estou tentando inserir o trecho de CSS, mas ele não está removendo os breadcrumbs. Estou usando
.woocommerce-breadcrumb { display: none; }
Onde especificamente devo colocá-lo?
Obrigado CAROLINE,
Notei no Analytics que dez por cento dos visitantes estavam clicando nos links de breadcrumb em vez de adicionar o produto ao carrinho!
Não espero que isso seja um aumento de 10 pontos no CTR, mas menos distração é sempre melhor.
como remover para o usuário logado no painel de administração.
.woocommerce-embed-page .woocommerce-layout__header .woocommerce-layout__header-breadcrumbs {
display: none !important;
}
++isso não funciona
Alternativamente, o que eu fiz foi simplesmente ir em; Aparência, Personalizar e adicionar isto ao seu CSS Adicional:
.woocommerce-breadcrumb { text-align: left; font-size: 0.6875rem; margin-bottom: 0.3125rem; display: none; }
@CLAIRE – Melhor resposta. Simples, rápido, funciona! Adicione uma linha simples de CSS e pronto! OBRIGADO!
Claire, tudo que você realmente precisa é:
.woocommerce-breadcrumb { display: none; }
Por que estilizar mais se você não vai mostrar. Eu recomendo isso em vez disso. 🙂
esta é a maneira simples sem editar seu tema… que é substituído se você atualizar seu tema. muito obrigado!
O CSS também pode ser adicionado através do personalizador ou de um tema filho. Desta forma, o CSS não será substituído cada vez que o tema for atualizado.
Obrigado Caroline!
Solução perfeita para mim. Tema Divi.
Este código funciona:
/**
* Remove os breadcrumbs
*/
add_action( ‘init’, ‘woo_remove_wc_breadcrumbs’ );
function woo_remove_wc_breadcrumbs() {
remove_action( ‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0 );
}
Funcionou muito bem! Tão simples. Obrigado!
Não funcionou para mim
Não funciona
realmente funciona, eu insiro o código no functions.php do tema
Desculpe. Tentei isso e não está funcionando. Alguma outra solução?
Funciona bem… Você só está fazendo errado.
Obrigado
Eu estava procurando por uma solução para remover os breadcrumbs de um novo site por 3 dias. Finalmente me deparei com seu código. Funciona muito bem!! Obrigado,
Bom saber, Jack! Fico feliz que tenha ajudado.