Breadcrumbs

What are Breadcrumbs?

Breadcrumbs are a small navigational aid that shows the path to the current page, helping users:

• Understand where they are on the site

• Easily go back to previous categories or sections

• Improve overall user experience and SEO

Breadcrumbs typically look like this on a product page:

mathematicaCopyEditHome / Collections / Summer Sale / Product Name

They're especially useful in large stores with many collections or nested navigation.

---

🛠 Breadcrumb Settings Explained

1. Section Width

• Option: Fluid Container This controls how wide the breadcrumb trail stretches across the page.

• Fluid Container makes it stretch full-width or according to screen size

• Some themes also allow Container (Standard) for a narrower, centered layout

Choose what fits your overall layout best — fluid is good for modern, wide layouts.

---

2. Color Scheme

• Scheme 1 The color scheme controls the overall styling — background, borders, and text. You can adjust this in your theme’s color settings if the scheme includes editable variables.

---

3. Dashboard Icon Color

• Hex Code: #9F9F9F Sets the color of the dashboard (home or collections) icon that appears at the beginning of the breadcrumb trail. Choose a color that is:

• Neutral if you want it subtle

• Brighter if you want it to stand out as a link

---

4. Dashboard Redirect URL

• Default: /collections/all This is the destination when someone clicks the dashboard/home icon in the breadcrumb.

You can change it to:

• / for homepage

• /collections for your collections list

• /collections/all to show all products

• Or a specific collection like /collections/best-sellers