Posted on

Customize the WooCommerce breadcrumb

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

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

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

Remove the breadcrumbs

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 

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.