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 top
Useful 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 top
Useful 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 top
Useful if you want to change a number of the breadcrumb defaults.
| /** | |
| * 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
| /** | |
| * 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 top
Most 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 top
If 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.