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. Automating Code Linting with GitHub Actions for WordPress Plugins
2. Comprehensive Guide to Linting PHP, JavaScript, and CSS in WordPress Plugins Using Composer
3. The Ultimate Guide to Indexing in Database Design
4. Understanding 'update_meta_cache' in WordPress - When to Use It, When Not to, and Its Impact on Database Queries
5. A Guide to Configuring JavaScript and SCSS Paths in WordPress Plugins with @wordpress/scripts

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.