Breadcrumb nav

This is a section on Product page. The breadcrumb can reduce the number of actions a visitor needs to take in order to navigate to a higher-level page, and improve the discoverability of your store.

breadcrumb.png

1. How to access the Breadcrumb nav?

Step 01: From Shopify Admin, click on Online Store > Select Themes > In the Current theme section, click the Customize button.

Scroolingtext01.png

Step 02: In the theme editor (Customize), click to open dropdown pages in the topbar > select Products > select Default product

breadcrumb 1.png

Step 03: In the Sections tab, scroll and find Breadcrumb nav in Template

breadcrumb 2.png

2. How to customize the Breadcrumb nav?

Section padding

Custom CSS

Allows users to customize by adding CSS rules, beyond the limitations of default settings. This allows for fine-tuning the design to every detail, to suit specific needs.

Add custom styles to this section only.

To add custom styles to your entire online store, go to theme settings.

breadcrumb 3.png