Website Building » WooCommerce » How Do I Change the Breadcrumb Separator in WooCommerce?

How Do I Change the Breadcrumb Separator in WooCommerce?

Last updated on October 1, 2022 @ 2:56 pm

Breadcrumbs are a great way to help your customers navigate your website, and WooCommerce makes it easy to change the breadcrumb separator to better match your store’s theme.

In your WordPress admin panel, go to WooCommerce -> Settings -> General. Then, scroll down to the “Store Address” section and look for the “Breadcrumb Separator” setting.

From here, you can change the default breadcrumb separator (“>”) to anything you like. For example, if you wanted to use a pipe character (|) as your separator, you would simply enter “|” into the setting field.

Once you’ve made your changes, be sure to click the “Save Changes” button at the bottom of the page to save your settings.

And that’s it!

You’ve now successfully changed the breadcrumb separator in WooCommerce. Remember, you can always come back and change this setting at any time if you need to.

PRO TIP: When changing the WooCommerce breadcrumb separator, be sure to back up your site first. In addition, note that changing this separator may affect other areas of your site that use breadcrumbs.

Conclusion:

That’s how easy it is to change the breadcrumb separator in WooCommerce. By following these simple steps, you can easily customize this aspect of your store to better match your overall theme and style. Give it a try today and see how it goes!

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.