You need to add code to your child theme’s functions.php
file or via a plugin that allows custom functions to be added, such as the Code snippets plugin. Please don’t add custom code directly to your parent theme’s functions.php
file as this will be wiped entirely when you update the theme.
Change the ‘Home’ text
↑ Back to topUseful if you want to change the home text.
For the Storefront theme, you need to increase the priority of execution:
add_filter( 'woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_home_text', 20 );
Change the breadcrumb separator
↑ Back to topUseful if you want to change the breadcrumb separator.
For the Storefront theme, you need to increase the priority of execution:
add_filter( 'woocommerce_breadcrumb_defaults', 'wcc_change_breadcrumb_delimiter', 20 );
Change all the things
↑ Back to topUseful if you want to change a number of the breadcrumb defaults.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Change several of the breadcrumb defaults | |
*/ | |
add_filter( 'woocommerce_breadcrumb_defaults', 'jk_woocommerce_breadcrumbs' ); | |
function jk_woocommerce_breadcrumbs() { | |
return array( | |
'delimiter' => ' / ', | |
'wrap_before' => '<nav class="woocommerce-breadcrumb" itemprop="breadcrumb">', | |
'wrap_after' => '</nav>', | |
'before' => '', | |
'after' => '', | |
'home' => _x( 'Home', 'breadcrumb', 'woocommerce' ), | |
); | |
} |
For the Storefront theme, you need to increase the priority of execution:
add_filter( 'woocommerce_breadcrumb_defaults', 'jk_woocommerce_breadcrumbs', 20 );
Change the home link to a different URL
↑ Back to top
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Replace the home link URL | |
*/ | |
add_filter( 'woocommerce_breadcrumb_home_url', 'woo_custom_breadrumb_home_url' ); | |
function woo_custom_breadrumb_home_url() { | |
return 'http://woocommerce.com'; | |
} |
For the Storefront theme, you need to increase the priority of execution:
add_filter( 'woocommerce_breadcrumb_defaults', 'woo_custom_breadrumb_home_url', 20 );
Remove the breadcrumbs
↑ Back to topMost themes can use this:
For the Storefront theme, use this:
If you prefer using CSS code to hide the breadcrumbs, then use this:
.woocommerce-breadcrumb {
visibility:hidden;
}
Using a Woo theme
↑ Back to topIf you’re using a Woo theme, the breadcrumbs are already removed and replaced with the WooFramework breadcrumb function.
To remove the breadcrumbs in a WooTheme, the following must be added. Be aware that this removes breadcrumbs site-wide, not only on WooCommerce pages:
If you want to remove breadcrumbs on WooCommerce pages when using a Woo theme, use:
Read more about the WooFramework breadcrumb function at WooCommerce Breadcrumb.