How Can I Remove Home from the Category Path in WooCommerce?

When managing an online store with WooCommerce, every detail counts—especially when it comes to user experience and site navigation. One common concern for store owners is the appearance of the breadcrumb trail, particularly the inclusion of the “Home” link in category paths. While breadcrumbs are essential for guiding customers through your site, sometimes the default structure can feel cluttered or redundant, prompting the desire to remove certain elements like “Home” from the category path.

Understanding how WooCommerce constructs these breadcrumb trails is key to customizing them effectively. Many store owners seek a cleaner, more streamlined navigation path that focuses directly on product categories without the extra step of the homepage link. This not only enhances the visual appeal but can also improve the overall flow for shoppers browsing through product categories.

In the following sections, we’ll explore the reasons behind removing “Home” from WooCommerce category paths and discuss the various approaches you can take to achieve a more tailored breadcrumb experience. Whether you’re a developer or a store manager, this insight will help you create a more intuitive and polished navigation system for your customers.

Modifying WooCommerce Breadcrumbs to Exclude “Home”

WooCommerce breadcrumbs are generated using WordPress functions combined with WooCommerce’s own breadcrumb class. Removing the “Home” link from the category path requires customizing the breadcrumb output, which can be achieved by leveraging WordPress hooks and filters.

One of the most effective ways to remove “Home” from the breadcrumb trail is to use the `woocommerce_breadcrumb_defaults` filter. This filter allows you to modify default breadcrumb arguments, including the `home` text or URL.

Here is a snippet to remove the “Home” breadcrumb link entirely:

“`php
add_filter( ‘woocommerce_breadcrumb_defaults’, ‘custom_remove_home_breadcrumb’ );
function custom_remove_home_breadcrumb( $defaults ) {
$defaults[‘home’] = ”; // Remove the ‘Home’ label
$defaults[‘wrap_before’] = ‘

‘;
return $defaults;
}
“`

This code sets the home label to an empty string, which effectively removes the link from the breadcrumb display. Keep in mind that this approach might leave an empty space or separator where “Home” was, so further CSS or filter adjustments might be necessary.

Customizing the Breadcrumb Path Structure

If the goal is to remove the “Home” link and adjust the breadcrumb path to start directly with product categories, more granular control is needed. WooCommerce uses the `WC_Breadcrumb` class to generate breadcrumb items, and you can manipulate these items before rendering.

Using the `woocommerce_get_breadcrumb` filter, you can modify the breadcrumb array to exclude the first element, which is typically the “Home” link:

“`php
add_filter( ‘woocommerce_get_breadcrumb’, ‘custom_remove_home_from_breadcrumbs’ );
function custom_remove_home_from_breadcrumbs( $crumbs ) {
if ( ! empty( $crumbs ) && strtolower( $crumbs[0][0] ) === ‘home’ ) {
array_shift( $crumbs ); // Remove ‘Home’ breadcrumb
}
return $crumbs;
}
“`

This code checks if the first breadcrumb label is “Home” (case-insensitive) and removes it from the crumbs array, thus excluding it from the breadcrumb trail.

Potential Side Effects and Styling Considerations

Removing “Home” from the breadcrumb path may influence user navigation and SEO. It’s important to consider:

• User Experience (UX): The “Home” link is a common navigation anchor. Removing it may confuse users or increase the number of clicks needed to return to the homepage.
• SEO Impact: Breadcrumbs are used by search engines to understand site structure. Modifying their typical pattern should be done carefully.
• Visual Appearance: Breadcrumb separators may remain orphaned or appear awkward if not adjusted after removing “Home.”

To address visual inconsistencies, CSS adjustments can be applied:

“`css
.woocommerce-breadcrumb .breadcrumb-separator:first-child {
display: none; /* Hide the separator before the first item */
}
“`

Summary of Methods to Remove “Home” from WooCommerce Breadcrumbs

$defaults['home'] = '';

array_shift( $crumbs );

// Override WC_Breadcrumb class methods

Alternative Plugins and Tools

For users not comfortable with code, several plugins provide breadcrumb customization options, including the ability to remove the “Home” link from WooCommerce category paths. Popular options include:

• Yoast SEO: Offers breadcrumb control and can be configured to exclude “Home.”
• Breadcrumb NavXT: Highly customizable breadcrumb plugin with extensive settings.
• WooCommerce Breadcrumbs Customizer: Dedicated plugin for tweaking WooCommerce breadcrumb appearance and structure.

When using plugins, ensure they are compatible with your WooCommerce version and that settings are properly configured to remove the “Home” element without breaking navigation.

Understanding the Category Breadcrumb Structure in WooCommerce

WooCommerce uses a breadcrumb trail to help users navigate through product categories and improve SEO by displaying the hierarchical path. Typically, the breadcrumb path looks like this:

• Home > Category > Subcategory > Product

The “Home” link is included by default, representing the root of the website. While useful for general navigation, many store owners prefer to remove or customize the “Home” label in the category path to create a cleaner URL structure or user interface.

The breadcrumb in WooCommerce is generated through the `woocommerce_breadcrumb` function, which hooks into WordPress’s built-in breadcrumb system or uses its own implementation depending on the theme and plugins installed.

Key points about WooCommerce breadcrumbs:

• The “Home” link is generated using the `home_url()` and displayed as the first breadcrumb.
• Category paths are constructed based on the product categories assigned.
• Breadcrumbs are filterable through WordPress and WooCommerce hooks, allowing customization.

Understanding this structure is essential before attempting to modify or remove “Home” from the category path, as improper changes can affect navigation and SEO.

Methods to Remove “Home” from WooCommerce Category Breadcrumbs

There are multiple approaches to remove the “Home” element from the category breadcrumb path in WooCommerce. The two primary methods involve using hooks to customize breadcrumb arguments or overriding breadcrumb templates.

Filtering WooCommerce Breadcrumb Defaults

The simplest and most maintainable way to remove “Home” from the breadcrumb path is by filtering the breadcrumb defaults using the `woocommerce_breadcrumb_defaults` hook. This allows you to customize the breadcrumb arguments without modifying core files.

Add the following PHP snippet to your child theme’s `functions.php` file or a site-specific plugin:

“`php
add_filter( ‘woocommerce_breadcrumb_defaults’, ‘remove_home_from_breadcrumb’ );
function remove_home_from_breadcrumb( $defaults ) {
// Remove the home text and URL
$defaults[‘home’] = ;
return $defaults;
}
“`

Explanation:

• Setting the `home` key to “ disables the “Home” breadcrumb link.
• This affects all WooCommerce breadcrumbs globally.
• It is clean, update-safe, and requires minimal code.

Overriding the Breadcrumb Template for Advanced Customization

If you require more granular control over the breadcrumb structure, such as conditional removal of “Home” only on category pages, or want to completely redesign the breadcrumb trail, overriding the breadcrumb template is recommended.

Steps:

1. Locate the WooCommerce breadcrumb template:

`woocommerce/templates/global/breadcrumb.php`

1. Copy the file into your active theme or child theme directory, preserving the folder structure:

`your-theme/woocommerce/global/breadcrumb.php`

1. Edit the copied template to remove or modify the “Home” breadcrumb output. For example, remove or comment out the section that outputs the home link:

“`php
// Original home breadcrumb output
// echo ‘`

Expert Perspectives on Removing “Home” from WooCommerce Category Paths

Author Profile

Barbara Hernandez

Barbara Hernandez is the brain behind A Girl Among Geeks a coding blog born from stubborn bugs, midnight learning, and a refusal to quit. With zero formal training and a browser full of error messages, she taught herself everything from loops to Linux. Her mission? Make tech less intimidating, one real answer at a time.

Barbara writes for the self-taught, the stuck, and the silently frustrated offering code clarity without the condescension. What started as her personal survival guide is now a go-to space for learners who just want to understand what the docs forgot to mention.

Latest entries

• July 5, 2025WordPressHow Can You Speed Up Your WordPress Website Using These 10 Proven Techniques?
• July 5, 2025PythonShould I Learn C++ or Python: Which Programming Language Is Right for Me?
• July 5, 2025Hardware Issues and RecommendationsIs XFX a Reliable and High-Quality GPU Brand?
• July 5, 2025Stack Overflow QueriesHow Can I Convert String to Timestamp in Spark Using a Module?