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' ),
);
}
Looking for a skilled WordPress/WooCommerce developer? I'm currently available for freelance, contract, or full-time remote opportunities! Let's create something amazing together. Send me a quick message, and I'll respond within 24 hours!
Recent Posts
- REST API Methods Explained with Best Practices for Building Clean and Secure APIs
- My 28-Day Plan to Master Modern WordPress Development Using AI Tools
- Scaling WordPress - How Custom Database Tables Solve the Post Meta Bottleneck
- WordPress Transients Explained - A Developer's Guide to Site Performance
- Behind the Click - The Hidden Journey of Your Web Requests
Your Questions / Comments
If you found this article interesting, found errors, or just want to discuss about it, please get in touch.