# Breadcrumbs section

Source: https://themes.spicydesign.ca/help/reference/sections/breadcrumbs/
Updated: 2026-11-12

Breadcrumbs. Settings for the Breadcrumbs section in the Picante Shopify theme.


Breadcrumbs section.

The same section in the three themes:

![The Breadcrumbs section in the Picante style.](https://themes.spicydesign.ca/help/shots/section-breadcrumbs--picante.webp)

![The Breadcrumbs section in the Overdrive style.](https://themes.spicydesign.ca/help/shots/section-breadcrumbs--overdrive.webp)

![The Breadcrumbs section in the Pastille style.](https://themes.spicydesign.ca/help/shots/section-breadcrumbs--pastille.webp)

**Where to find it:** In the theme editor, choose **Add section** on any template, then pick **Breadcrumbs**.

When you add this section, it starts from the **Breadcrumbs** preset.

## Settings

Shows the path to the current page and tells search engines about it. Product pages use the collection the shopper came from, or else the product's first collection.

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Show on mobile | Checkbox | On |  |  |
| Separator | Select | Chevron | Chevron, Slash, Arrow, Dot |  |
| Alignment | Select | Left | Left, Center, Right |  |

### Section style

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Color scheme | Color scheme | Scheme 1 |  |  |
| Layout width | Select | Page width | Page width, Full width |  |
| Animation on scroll | Select | Theme default | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |
| Top padding | Slider | 16 px | 0 to 200 px, step 8 |  |
| Bottom padding | Slider | 0 px | 0 to 200 px, step 8 |  |