Breadcrumbs are a common navigation feature in WooCommerce stores. They show users the path to the current page (for example: Home → Shop → Category → Product).
While breadcrumbs can improve navigation and SEO, some store owners prefer to remove them for design or layout reasons.
In this guide, you’ll learn different ways to remove breadcrumbs in WooCommerce safely and efficiently.
What Are Breadcrumbs in WooCommerce?
Breadcrumbs are navigational links that appear at the top of product, shop, and category pages. They:
-
Show users their current location
-
Help visitors navigate back easily
-
Improve site structure for search engines
WooCommerce includes built-in breadcrumb functionality by default.
Why Remove Breadcrumbs?
You might want to remove breadcrumbs if:
-
You prefer a minimalist design
-
Your layout looks crowded
-
You use custom navigation instead
-
Your theme already includes a different breadcrumb system
Always consider user experience before removing navigation elements.
Method 1: Remove WooCommerce Breadcrumbs Using Code (Recommended)
This is the cleanest and most direct method.
Step 1: Use a Child Theme
Before editing files, make sure you’re using a child theme. This prevents losing changes during theme updates.
Step 2: Add This Code to functions.php
Go to:
Appearance → Theme File Editor → functions.php
Add the following snippet:
Click Update File, then refresh your shop or product page.
The breadcrumbs should now be removed.
Method 2: Remove Breadcrumbs via Theme Customizer
Many WooCommerce themes include built-in breadcrumb controls.
Steps:
-
Go to Appearance → Customize
-
Look under:
-
Header
-
Layout
-
Page Settings
-
WooCommerce
-
-
Find a Breadcrumbs option
-
Disable or toggle it off
-
Click Publish
This is the safest method if your theme supports it.
Method 3: Hide Breadcrumbs Using CSS
If you don’t want to remove them completely (or don’t have access to functions.php), you can hide them with CSS.
Go to:
Appearance → Customize → Additional CSS
Add:
display: none;
}
Click Publish.
⚠ Note: This only hides breadcrumbs visually, they still load in the background.
Method 4: Disable Breadcrumbs Using a Plugin
If you’re not comfortable editing code, you can use plugins such as:
-
SEO plugins that manage breadcrumb output
-
Layout customization plugins
After installing a plugin:
-
Go to its settings
-
Find breadcrumb options
-
Disable breadcrumb display
Always test after activation to avoid conflicts.
Important Considerations Before Removing Breadcrumbs
✔ Breadcrumbs help SEO by improving internal linking
✔ They enhance user navigation on larger stores
✔ Removing them may impact usability on category-heavy sites
If your store has many categories, consider keeping them.
Troubleshooting Common Issues
Breadcrumbs Still Showing?
-
Clear caching plugin
-
Hard refresh browser (Ctrl + F5)
-
Check if your theme adds its own breadcrumb system
Layout Looks Broken?
-
Your theme may rely on breadcrumb spacing
-
Add custom CSS to adjust margins
Final Thoughts
Removing breadcrumbs in WooCommerce is simple and can be done using code, theme settings, CSS, or plugins. The best method depends on your technical comfort level and your theme’s flexibility.
Before removing breadcrumbs, evaluate your site structure and user journey. Navigation clarity should always come first.
A clean design is important, but usability is even more important.