Product Breadcrumb

How to use the Product Breadcrumb #

Product Breadcrumb widget is important for boosting user experience. It is the tiniest navigation window that breaks down links to your current product page.

It simplifies navigation, allowing users to easily backtrack through categories and subcategories, ultimately enhancing the browsing experience and facilitating swift access to desired product pages.

Let’s see how to use it in this tutorial.

Before you begin, make sure that you have installed and activated Sastra Addons Pro plugin on your website. Without the Sastra Addons Pro activated, you cannot use this elements.

How to Activate Product Breadcrumb #

To use this Sastra Addons element, find the ‘Product Breadcrumb‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Product Breadcrumb’ into the ‘Drag widget here‘ or the ‘+’ section.

After you are successfully done with this step, this is how the element is going to look like.

How to Configure the Content Settings #

After you have completed adding the Product Breadcrumb in your Elementor Editor, now all you need to do is to configure the ‘Content’ tab.

General #

From this section, you can use toggle for display or hide home page. You can change separator and alignment.

Click to See Live Demo #

How to Style Product Breadcrumb #

To customize Product Breadcrumb, click on the ‘Style’ tab, and you will find many different options here.

Style #

Here, you can set color, hover color and typography.