WooCommerce: How to Add Breadcrumbs

Ensuring a positive customer experience has become the top priority of eCommerce businesses in 2022 – even overtaking product price and quality as a key brand differentiator according to some analysts.

And one of the most important factors that ensure a positive customer experience is intuitive and seamless website navigation. According to Top Design Firm’s 2021 findings, 38% of customers look for the page’s navigational links and layout when visiting the site for the first time.   

So, if your WooCommerce store has a confusing layout or difficult-to-find navigation links and menus, visitors may abandon your store even if you have exactly what they are looking for.

This is when breadcrumbs come into play. Breadcrumbs are website navigational links that appear at the top of your WooCommerce store, product pages, and blog posts. Enabling breadcrumbs makes it easier and quicker for your customers to move around and navigate through your WooCommerce store and find the page or products they’re looking for. 

This article shares how you can add breadcrumbs to your WooCommerce store. But before getting into it, let’s see how your store can benefit by adding breadcrumbs. 

Continue reading WooCommerce: How to Add Breadcrumbs

WooCommerce: Rename a Breadcrumb Item

WooCommerce generates shop, category, tag, single product breadcrumbs out of the box. Such breadcrumbs should follow your WooCommerce permalink settings. For example, I use the “Shop base with category” option under WordPress > Permalinks. In my case, by default, a product belonging to category “Uncategorized” has an URL = “https://example.com/shop/uncategorized/product-name/” and its single product page breadcrumbs follow that same rule: “Home / Shop / Uncategorized / Product Name”.

Now, what if I want to rename one of the items? What if I want to replace one of the breadcrumb items with something else? Well, WooCommerce gives us a cool filter called “woocommerce_get_breadcrumb” that we can use to edit the breadcrumb content before displaying it. In this post, we will see how to add a suffix to product categories and also how to replace the product name with the SKU value. Enjoy!

Continue reading WooCommerce: Rename a Breadcrumb Item

Storefront Theme: How To Remove Breadcrumbs

Storefront is the most compatible theme when it comes to building a WordPress eCommerce website. Following the best practices Storefront displays Breadcrumb navigation at the top of every product pages. But some store owners think they are better off without this extra navigation item.

In this tutorial, we will see how we can completely remove breadcrumb navigation from Storefront WooCommerce theme.

Continue reading Storefront Theme: How To Remove Breadcrumbs