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.

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.

How to get started?

Learn more

WooCommerce Maintenance

Save 33% with our Annual pricing plan.

Get Started

Looking for help? Chat with us.

Are you in need of assistance or guidance? Look no further! Our dedicated team is here and ready to help. Chat with us today and let’s work together to find the perfect solution for your needs.

Our support team will get you:

I believe every website owner deserves a reliable professional support always by their side.

Alexey Seryapin
Founder of WPServices

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices