X

Como remover os breadcrumbs do WooCommerce no WordPress

Snippets by IsItWP

Você está procurando uma maneira de remover os breadcrumbs do WooCommerce em páginas específicas? Os snippets 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 snippets a seguir ao arquivo functions.php do seu tema ou em um plug-in específico do site.

  • Esse snippet removerá os breadcrumbs do WooCommerce em páginas específicas.
    [ex.: lang=”PHP”] Há 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:

    add_action('template_redirect', 'remove_shop_breadcrumbs' );
    function remove_shop_breadcrumbs(){
    
    	if (is_shop())
    		remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);
    
    }
    

  • Esse snippet removerá os breadcrumbs do WooCommerce em todas as páginas.

    
    if(is_shop()){ ... } // shop page
    
    if(is_front_page() ){ ... } // static front page
    
    if(is_home()){ ... } // default page
    
    

Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar/colar corretamente trechos de código no WordPress para não danificar acidentalmente seu site.

Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 27 melhores temas do WordPress para marketing de afiliados e como salvar dados de formulários parciais no WordPress.

Comentários   Deixe uma resposta

  1. thank you!

  2. Martin McQueenie julho 7, 2020 em 3:20 pm

    remove_action(‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0);

    Worked wonders!!

    1. This worked thank you!

  3. Thanks this one worked for me

    .woocommerce-breadcrumb {
    display: none;
    }

    1. This solution can work, but hiding in this manner is usually not recommended due to SEO reasons.

    2. This one worked for me!

  4. .woocommerce-breadcrumb {
    display: none;
    }

    Does not work for Toy Store (Child) Kava (Parent) WooCommerce Theme. I have tried every possible way and it still is there.

    1. We don’t recommend using CSS to hide content in most cases due to SEO.

  5. Does not work

    1. Are you receiving any error messages?

      1. I have removed the breadcrumbs from my site by using this code in additional CSS and also breadcrumbs in disabled from yoast seo.
        .woocommerce-breadcrumb {
        display: none;
        }
        But it I am not removing from search console I have done live test multiple time, but it is still there in search console.

  6. I’m trying to enter the css snippet, but it’s not removing the breadcrumbs. I’m using

    .woocommerce-breadcrumb {
    display: none;
    }

    Where specifically should I be putting it?

  7. Thanks CAROLINE,

    I noticed in Analytics ten percent of visitors were clicking the breadcrumb links in stead of adding the product to their cart!

    Not expecting this will be a ten point ctr increase, but less distraction is always better.

  8. how to remove for user logged in admin panel.
    .woocommerce-embed-page .woocommerce-layout__header .woocommerce-layout__header-breadcrumbs {
    display: none !important;
    }
    ++this doesn’t work

  9. Alternatively what I did is just go into; Appearence, Customise and add this to your Additional CSS:

    .woocommerce-breadcrumb {
    text-align: left;
    font-size: 0.6875rem;
    margin-bottom: 0.3125rem;
    display: none;
    }

    1. @CLAIRE – Best answer. Simple, fast, works! Add one simple line of CSS, and done! THANK YOU!

    2. Claire, all you really need is:

      .woocommerce-breadcrumb {
      display: none;
      }

      Why style it further if you’re not going to show it. I recommend this instead. 🙂

      1. this is the simple way without editing your theme… which gets overwritten if you ever update your theme. great thank you!

        1. CSS can also be added via the customizer or via a Child theme. This way the CSS won’t get overridden each time the theme is updated.

      2. Thanks Caroline!

    3. Perfect solution for me. Divi Theme.

  10. This code works:

    /**
    * Remove the breadcrumbs
    */
    add_action( ‘init’, ‘woo_remove_wc_breadcrumbs’ );
    function woo_remove_wc_breadcrumbs() {
    remove_action( ‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0 );
    }

  11. Worked great! So simple. Thank you!

  12. Didin’t work for me

  13. It doesn’t work

  14. it really works, I insert the code in theme functions.php

  15. Sorry. I tried this and it isn’t working. Any other workaround?

    1. It works fine… You’re just doing it wrong.

  16. Thanks

  17. I have been searching for a fix to remove breadcrumbs from a new site for 3 days. I finally stumbled upon your code. It works great!! Thanks,

    1. Good to know, Jack! I’m glad it helped.

Adicionar um comentário

Ficamos felizes por você ter optado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

WordPress Launch Checklist

A lista de verificação definitiva para o lançamento do WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento de seu próximo site WordPress em um ebook prático.
Sim, envie-me o livro eletrônico gratuito grátis!