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