Remove WooCommerce Breadcrumb Navigation from Shop Pages

Hide WooCommerce breadcrumbs displayed above shop and product content using remove_action targeting woocommerce_breadcrumb function hooked in woocommerce_before_main_content action with priority 20. Breadcrumb appears after content wrapper priority 10 and before structured data priority 30, match exact priority when removing action ensuring proper unhooking, eliminate breadcrumb navigation from all WooCommerce pages including shop, categories, and products, create cleaner page layouts without navigation trail, implement custom breadcrumb solutions if needed, and simplify page design removing default WooCommerce breadcrumb display while maintaining other before_main_content functionality.

How to remove WooCommerce breadcrumbs

Woocommerce Woocommerce Hooks Wordpress

How to remove WooCommerce breadcrumbs Tutorial/Guide

WooCommerce is one of the most powerful e-commerce plugin for WordPress.And what i love with WooCommerce is that there’s an API for nearly everything.There are almost Hooks and filters For Every Customization work. To remove the woocommerce breadcrumbs we have to remove the hook which is used to add woocommerce breadcrumbs. It's added by 'woocommerce_breadcrumb',which is hooked in 'woocommerce_before_main_content' hook.  

/**
* Hook: woocommerce_before_main_content.
*
* @hooked woocommerce_output_content_wrapper - 10
* @hooked woocommerce_breadcrumb - 20
* @hooked WC_Structured_Data::generate_website_data() - 30
*/
do_action( 'woocommerce_before_main_content' );

  Here, we can see woocommerce_breadcrumb is hooked with priority of 20 inside the plugin template file. And now, we need to set the same one in order to remove that area.  

// Remove breadcrumb
remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20 );

  Enjoy

๐Ÿ’ก Have a Coding Problem?

Search our archives or reach out to our team for solutions and expert advice.