Comment Personnaliser le Fil d’Ariane WooCommerce ?

Comment Personnaliser le Fil d'Ariane WooCommerce - WP4Muslim
Partager sur facebook
Partager sur twitter
Partager sur whatsapp
Partager sur telegram
Partager sur email
Partager sur linkedin

Dans le cadre de votre boutique en ligne WooCommerce, vous envisagez de personnaliser le fil d’ariane. Dans les lignes suivantes, nous vous indiquons les différentes possibilités à entreprendre pour réaliser efficacement ces changements.

Personnaliser le Fil d’Ariane WooCommerce Avec et Sans Thème Storefront

  • Changer le Texte « Accueil »

Pour changer le texte « Accueil », il convient de copier-coller le code suivant dans le fichier « functions.php » de votre thème enfant :

/ **
     * Renommer "Accueil" dans le fil d'Ariane
     * /
    add_filter ('woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_home_text');
    fonction wcc_change_breadcrumb_home_text ($ defaults) {
        // Changer le texte d'accueil du fil d'Ariane de 'Accueil' en 'Appartement'
        $ defaults ['home'] = 'Appartement';
        return $ defaults;
    }

En cas d’utilisation du thème Storefront, il vous faut accroître la priorité d’exécution, en procédant de la sorte :

add_filter ('woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_home_text', 20);
  • Modifier le Séparateur du Fil d’Ariane

Pour ce faire, veuillez copier-coller le snippet suivant dans le fichier « functions.php » de votre thème enfant :

/ **
     * Changer le séparateur du fil d'Ariane
     * /
    add_filter ('woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_delimiter');
    fonction wcc_change_breadcrumb_delimiter ($ defaults) {
        // Changer le délimiteur du fil d'Ariane de '/' en ' > '
        $ defaults ['delimiter'] = '& gt; »
        return $ defaults;
    }

Idem, il est nécessaire de hausser la priorité d’exécution pour le thème Storefront, en faisant ainsi :

add_filter ('woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_delimiter', 20);
  • Modifier la Totalité

Vous désirez changer un nombre défini de valeurs incluses par défaut du fil d’ariane. Dans ce cas, voici le code que vous devez copier-coller dans le fichier « functions.php » de votre thème enfant :

/ **
     * Modifier plusieurs des valeurs par défaut du fil d'Ariane
     * /
    add_filter ('woocommerce_breadcrumb_defaults', 'jk_woocommerce_breadcrumbs');
    function jk_woocommerce_breadcrumbs () {
        tableau de retour (
                'delimiter' = > '& # 47; ',
                'wrap_before' = > ' < nav  class = " woocommerce-breadcrumb " itemprop = " breadcrumb " > ',
                'wrap_after' = > ' </ nav > ',
                'avant' = > '',
                'après' = > '',
                'home' = > _x ('Home', 'breadcrumb', 'woocommerce'),
            );
    }

Si vous utilisez un thème Storefront, augmentez la priorité d’exécution de la manière suivante :

add_filter ('woocommerce_breadcrumb_defaults', 'jk_woocommerce_breadcrumbs', 20);
  • Mettre une URL Différente au Lien d’Accueil

Pour cela, vous devez insérer le code suivant dans le fichier « functions.php » de votre thème enfant :

/ **
     * Remplacez l'URL du lien d'accueil
     * /
    add_filter ('woocommerce_breadcrumb_home_url', 'woo_custom_breadrumb_home_url');
    function woo_custom_breadrumb_home_url () {
        retourner 'http://woocommerce.com';
    }
  • Supprimer le fil d’ariane

La majorité des thèmes emploie le code suivant :

/ **
     * Retirez le fil d'Ariane 
     * /
    add_action ('init', 'woo_remove_wc_breadcrumbs');
    fonction woo_remove_wc_breadcrumbs () {
        remove_action ('woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);
    }

En cas de thème Storefront, voici le code à utiliser :

/ **
     * Supprimer le fil d'Ariane pour le thème Storefront
     * /
    add_action ('init', 'wc_remove_storefront_breadcrumbs');
    
    function wc_remove_storefront_breadcrumbs () {
      remove_action ('storefront_before_content', 'woocommerce_breadcrumb', 10);
    }

Ceci dit, vous avez possibilité d’avoir recours au CSS ci-dessous pour cacher le fil d’ariane :

.woocommerce-breadcrumb {
visibility:hidden;
}

L’Utilisation d’un Thème Woo

Lorsque vous vous servez d’un thème Woo, les fils d’ariane n’existent pas par défaut dans la mesure où le fil d’ariane WooFramework a pris leur place.

De ce fait, si vous souhaitez retirer le fil d’ariane d’un WooTheme, vous devez copier-coller le snippet suivant dans le fichier « functions.php » de votre thème enfant. Notez toutefois que ce snippet effacera le fil d’ariane sur toutes les pages de votre site internet WordPress.

/ **
     * Supprimer le fil d'Ariane dans les thèmes développés par Woo
     * /
    add_action ('init', 'woo_remove_woo_breadcrumbs');
    fonction woo_remove_woo_breadcrumbs () {
        remove_action ('woo_main_before', 'woo_display_breadcrumbs', 10);
    }

En revanche, vous devrez utiliser le code suivant, si vous voulez retirer le fil d’ariane d’un WooTheme uniquement sur les pages WooCommerce :

/ **
     * Supprimer le fil d'Ariane sur des pages spécifiques
     * /
    add_action ('init', 'wcc_remove_woo_wc_breadcrumbs');
    fonction wcc_remove_woo_wc_breadcrumbs () {
        if (is_woocommerce () || is_cart () || is_checkout ()) {
            remove_action ('woo_main_before', 'woo_display_breadcrumbs', 10);
        }
    }

Pour connaître le rôle du fil d’ariane de WooFramework, veuillez consulter l’article qui suit : WooCommerce Breadcrumb.

Qu’Allah vous préserve !

Les Clés du E-commerce - WP4Muslim

Formation Gratuite "Les Clés du E-commerce"

J’offre une formation gratuite à toute personne désirant se lancer dans le e-commerce afin d’apprendre les bases pour bien se lancer et trouver le bon produit à vendre inchaa’Allah. Pour en bénéficier, inscris ton prénom et ton email et je t’envoi les accès sur le champs inchaa’Allah.

Partage cet article avec ceux pour qui il pourrait être bénéfique

Partager sur facebook
Partager sur twitter
Partager sur linkedin
Partager sur whatsapp
Partager sur telegram
Partager sur email

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

 

Retour haut de page

FORMATION GRATUITE

Plus d'1h30 de cours répartis en 7 modules pour lancer ton site e-commerce sur les chapeaux de roue, même si tu es débutant et que tu n'as aucune connaissance technique...