X

Come Rimuovere i Breadcrumb di WooCommerce in WordPress

Snippet di IsItWP

Stai cercando un modo per rimuovere i breadcrumb di WooCommerce in pagine specifiche? Gli snippet seguenti ti permetteranno di rimuovere i breadcrumb da WooCommerce in tutte le pagine o in pagine specifiche.

Istruzioni:

Aggiungi uno dei seguenti snippet al file functions.php del tuo tema o a un plugin specifico per il sito.

  • 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);
    
    }
    

    Ci sono diverse funzioni che puoi usare alla riga 4 per rimuovere i breadcrumb da pagine specifiche in WooCommerce. Ecco alcuni esempi:

    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);
    

Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.

Se ti è piaciuto questo snippet di codice, prendi in considerazione la possibilità di consultare i nostri altri articoli sul sito come: 27 migliori temi WordPress per l'affiliate marketing e come salvare dati parziali dei moduli in WordPress.

Commenti   Lascia una risposta

  1. grazie!

  2. Martin McQueenie 7 luglio 2020 alle 15:20

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

    Ha funzionato alla grande!!

    1. Ha funzionato, grazie!

  3. Grazie, questo ha funzionato per me

    .woocommerce-breadcrumb { display: none; }

    1. Questa soluzione può funzionare, ma nascondere in questo modo di solito non è consigliato per motivi SEO.

    2. Questo ha funzionato per me!

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

    Non funziona per il tema WooCommerce Toy Store (Child) Kava (Parent). Ho provato ogni modo possibile e sono ancora lì.

    1. Nella maggior parte dei casi, non consigliamo di utilizzare CSS per nascondere contenuti per motivi SEO.

  5. Non funziona

    1. Stai ricevendo messaggi di errore?

      1. Ho rimosso i breadcrumb dal mio sito usando questo codice nel CSS aggiuntivo e ho anche disabilitato i breadcrumb da Yoast SEO.
        .woocommerce-breadcrumb {
        display: none;
        }
        Ma non li sto rimuovendo da Search Console. Ho fatto il test live più volte, ma sono ancora lì in Search Console.

  6. Sto cercando di inserire lo snippet CSS, ma non sta rimuovendo i breadcrumb. Sto usando

    .woocommerce-breadcrumb { display: none; }

    Dove dovrei metterlo specificamente?

  7. Grazie CAROLINE,

    Ho notato in Analytics che il dieci percento dei visitatori cliccava sui link dei breadcrumb invece di aggiungere il prodotto al carrello!

    Non mi aspetto che questo sia un aumento del CTR di dieci punti, ma meno distrazioni sono sempre meglio.

  8. come rimuovere per l'utente connesso nel pannello di amministrazione.
    .woocommerce-embed-page .woocommerce-layout__header .woocommerce-layout__header-breadcrumbs {
    display: none !important;
    }
    ++questo non funziona

  9. In alternativa, quello che ho fatto è semplicemente andare su; Aspetto, Personalizza e aggiungere questo al tuo CSS aggiuntivo:

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

    1. @CLAIRE – Migliore risposta. Semplice, veloce, funziona! Aggiungi una semplice riga di CSS e fatto! GRAZIE!

    2. Claire, tutto ciò di cui hai veramente bisogno è:

      .woocommerce-breadcrumb { display: none; }

      Perché stilizzarlo ulteriormente se non hai intenzione di mostrarlo. Consiglio questo invece. 🙂

      1. questo è il modo semplice senza modificare il tuo tema... che viene sovrascritto se aggiorni mai il tuo tema. grazie mille!

        1. Il CSS può anche essere aggiunto tramite il personalizzatore o tramite un tema figlio. In questo modo il CSS non verrà sovrascritto ogni volta che il tema viene aggiornato.

      2. Grazie Caroline!

    3. Soluzione perfetta per me. Divi Theme.

  10. Questo codice funziona:

    /**
    * Rimuovi i breadcrumb
    */
    add_action( ‘init’, ‘woo_remove_wc_breadcrumbs’ );
    function woo_remove_wc_breadcrumbs() {
    remove_action( ‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20, 0 );
    }

  11. Ha funzionato benissimo! Così semplice. Grazie!

  12. Non ha funzionato per me

  13. Non funziona

  14. funziona davvero, ho inserito il codice in theme functions.php

  15. Scusa. Ho provato questo e non funziona. C'è qualche altra soluzione?

    1. Funziona bene... lo stai solo facendo nel modo sbagliato.

  16. Grazie

  17. Sono 3 giorni che cerco una soluzione per rimuovere i breadcrumb da un nuovo sito. Finalmente mi sono imbattuto nel tuo codice. Funziona benissimo!! Grazie,

    1. Bene a sapersi, Jack! Sono contento che sia stato d'aiuto.

Aggiungi un commento

Siamo lieti che tu abbia scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra normativa sulla privacy e tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.

Checklist per il lancio di WordPress

La Guida Definitiva per il Lancio di WordPress

Abbiamo raccolto tutti gli elementi essenziali della checklist per il lancio del tuo prossimo sito web WordPress in un comodo ebook.
Sì, Inviami l'eBook Gratuito!