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 comment