Override default breadcrumb - WooCommerce

In default, WooCommerce display a breadcrumb on its pages. It help user to realize the current location & navigate to parent pages.

In some projects, clients request few modifications on default breadcrumb like a separate delimiter, adding a separate class etc.

Below, there is a small code snippet that will useful in such situations.

add_filter( 'woocommerce_breadcrumb_defaults', 't9fe9_woocommerce_breadcrumbs' );
function t9fe9_woocommerce_breadcrumbs() {
	return array(
			'delimiter'   => ' > ',
			'wrap_before' => '<div class="custom-wrap"><nav class="woocommerce-breadcrumb" itemprop="breadcrumb">',
			'wrap_after'  => '</nav></div>',
			'before'      => '',
			'after'       => '',
			'home'        => _x( 'Home', 'breadcrumb', 'woocommerce' ),
		);
}

Recent Posts

1. Disabling Payment Methods in WooCommerce Based on Conditions
2. How to Update Product Quantity in WooCommerce Using Custom Code
3. Dynamically Generating a Table of Contents in WordPress
4. Direct Checkout in WooCommerce - Add Product to Cart from Checkout Page & Skip Shop, Product, and Cart Pages
5. Understanding the Impact of git reset --hard Command

This article was published on August 21, 2016

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.