Your Dedicated Partner for All Things WordPress

How to Change the Breadcrumb Position in WooCommerce

Table of Contents

WooCommerce is one of the most popular e-commerce platforms available today, and it’s easy to see why. The platform is packed with features that make it easy for anyone to start and grow an online store. One of these features is the breadcrumb navigation, which shows the user’s path through the site. By default, the breadcrumb navigation is displayed at the top of the page, but what if you want to change the position of the breadcrumbs? In this blog post, we’ll show you how to do just that.

Step 1: Install and activate the Breadcrumb NavXT plugin

In order to change the position of the breadcrumb navigation in WooCommerce, we’ll first need to install and activate a plugin called Breadcrumb NavXT. This plugin is available for free on the WordPress plugin repository, and it’s easy to install. Once you’ve installed and activated the plugin, the breadcrumb navigation will automatically be updated.

Urgent WordPress Assistance

Facing a critical WordPress issue? Don’t panic. Our Emergency Service is here to swiftly resolve any urgent website problems.

Step 2: Navigate to the Breadcrumb NavXT settings

Next, we’re going to navigate to the Breadcrumb NavXT settings page. You can do this by clicking on ‘Settings’ in the WordPress dashboard and then selecting ‘Breadcrumb NavXT.’ Once you’re on the settings page, you can see all of the options available for customizing your breadcrumb navigation.

Step 3: Choose the position of the breadcrumb navigation

Here’s where we can change the position of the breadcrumb navigation! Simply scroll down to the ‘Display’ section of the settings page and choose the position you want the breadcrumbs to appear in. You can choose from options like ‘Before the page title,’ ‘After the page title,’ or ‘Before the content.’ Once you’ve selected the option you want, click ‘Save Changes,’ and you’re done!

Step 4: Customize your breadcrumb navigation

If you want to further customize your breadcrumb navigation, you can do so from the ‘Options’ and ‘Templates’ tabs on the Breadcrumb NavXT settings page. Here, you can change the separator character, add a home link, and more.

Step 5: Preview your changes

Finally, you’ll want to preview your website to ensure that the breadcrumb navigation is displaying in the position you want. If it looks good, you’re all set! If not, you can always go back to the settings page and make changes until you get it right.


Changing the position of the breadcrumb navigation in WooCommerce is a simple process, thanks to the Breadcrumb NavXT plugin. By following these steps, you can customize the position of the breadcrumbs to suit your needs, making it easier for your users to navigate your site. With this additional level of customization, you’ll be able to provide a better user experience and make your online store stand out from the rest.

Tailored WordPress Solutions

Elevate your online presence with our custom WordPress development services.

How to get started?

Learn more

WooCommerce Maintenance

Save 33% with our Annual pricing plan.

Get Started

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices