Change breadcrumb separator on woocommerce page

Good afternoon everyone.

I just change my woocommerce breadcrumb separator. It only need simple steps.

  • Copy the breadcrumb.php template from woocommerce plugin directory (/wp-content\themes/bestdeal/woocommerce/shop/breadcrumb.php) to your woocommerce theme template directory (/wp-content/themes/foreverlove/woocommerce/shop/breadcrumb.php)
  • Edit the breadcrumb.php, add this line after $prepend = '';
    $delimiter = '<span class="sep">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>';
  • You can put your delimiter in $delimiter variable. For me, I just add the style for .sep class.

Home this helps.

2 responses to “Change breadcrumb separator on woocommerce page”

  1. mike says :

    thank you! ūüôā that was bugging me!

  2. Dennis says :

    Or you can add this on functions.php of the theme in use:

    add_filter( ‘woocommerce_breadcrumb_defaults’, ‘d_woo_breadcrumb_defaults’);
    function d_woo_breadcrumb_defaults($defaults) {
    $defaults[‘delimiter’] = ‘ » ‘; //whatever delimiter you want
    return $defaults;

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: