Customize the WooCommerce breadcrumb

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

Useful if you want to change the home text.

https://gist.github.com/woogists/11a40eec37b145461000487384619d4f

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

Useful if you want to change the breadcrumb separator.

https://gist.github.com/woogists/e4405bd4e32785b6d76eca3b28780811

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

Useful if you want to change a number of the breadcrumb defaults.

https://gist.github.com/woogists/1bff7c2233a733b573c8f272b5e66bd3

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

https://gist.github.com/woogists/2afaeca7ff858e7338825ce4d8c16e70

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

Most themes can use this:

https://gist.github.com/woogists/9b1667ed8c08b51ca3fe76e751cd2348

For the Storefront theme, use this:

https://gist.github.com/woogists/bf1726335d19c807dbafecc594e11d42

If you prefer using CSS code to hide the breadcrumbs, then use this:

.woocommerce-breadcrumb {
visibility:hidden;
}

Using aย Woo theme

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:

https://gist.github.com/woogists/407981dbd55764cedb3d037f4e78f199

If you want to remove breadcrumbs on WooCommerce pages when using a Woo theme, use:

https://gist.github.com/woogists/459bb25c25048795ed59e11451730b64

Read more about the WooFramework breadcrumb function atย WooCommerce Breadcrumb.


Keep yourself in the loop!

Sign up for the WooCommerce developer newsletter:
Hidden
Hidden
Hidden