Depending on the users’ design and requirement, they need to have woocommerce hide breadcrumbs. The aim of breadcrumbs is to filter products, as well as identify the website structure from which users can search for information with the least operations.
Breadcrumbs play an important role in supporting users as well as promoting SEO such as an increase in the rate of keywords and clicks, and a decrease in the rate of page-exiting, etc. However, in small pages, landing pages are not necessary to contain breadcrumbs. It is the reason why we write this article which focuses on woocommerce hide breadcrumbs.
There are two ways to hide breadcrumbs on the WordPress website in which woocommerce installation includes
Way no. 1: Use CSS to hide breadcrumbs
It is an easy way that many people can do. Most people think of this way first because you just find its exact class and hide it by the familiar css attribute display:none.
Way no. 2: remove breadcrumbs via php code
You get to the theme folder you are using, then find function.php file. You open this file and insert the code below in the last paragraph of the file. Save the file, then get back to the website, reload the website to check.
// Remove breadcrumbs from shop & categories
add_filter( ‘woocommerce_before_main_content’, ‘remove_breadcrumbs’);
remove_action( ‘woocommerce_before_main_content’,’woocommerce_breadcrumb’, 20, 0);
If you are interested in Shopify, you should read the article Shopify product type. You can see the differences between product type in Shopify and Woocommerce.
We have solved the issue related to woocommerce hide breadcrumbs on the website. You can use any way you want. However, I suggest that you should use the second way which uses php code to add to the function file. If you have any problem, please leave a comment. We will support you for free.