Comment Personnaliser le Fil d'Ariane WooCommerce - WP4Muslim

Comment Personnaliser le Fil d’Ariane WooCommerce ?

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 !

Laisser un commentaire

Votre adresse de messagerie 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...