> For the complete documentation index, see [llms.txt](https://aries-theme.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aries-theme.gitbook.io/docs/theme-settings/breadcrumbs.md).

# Breadcrumbs

Breadcrumbs show the page path (e.g., Home > Collection > Product) so customers always know where they are. This helps navigation and reduces confusion.

{% hint style="info" %}
Breadcrumbs are avalaible in **Collection**, **Collection List**, **Blog post** and **Product pages**.
{% endhint %}

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2F4mqP7WNkF9lPTeZD751W%2FCapture%20d'%C3%A9cran%202026-02-19%20205713.png?alt=media&amp;token=fa200e8f-66d6-41c7-90e7-2f5c0d57a04c" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

#### How to set it up

* Go to **Online Store** > **Themes** > **Customize**.
* Open **Theme settings** > **Breadcrumbs**.
* Make your changes, preview live, then click **Save**.
  {% endhint %}

### Settings

* **Enable breadcrumbs** (on collection, collections, product, article page): Turns breadcrumbs on or off on different pages. Helpful for larger stores with many pages.
* **Full width**: Makes the breadcrumb bar span the full page width. Good for wide layouts.
* **Alignment**: Align breadcrumbs Left or Center. Match your page layout.
* **Icon separator**: Choose the separator between items (Slash, Chevron, Arrow, Caret, Minus). Pick what fits your style.
* **Size**: Set the breadcrumb text size (XS, S, M, L, XL) for readability.
* **Text transform**: Control capitalization (None, Uppercase, Capitalize) to match your typography.

***

### **Tips**

* Use a simple Icon separator and a modest Size to avoid visual clutter.
* Align with your page content for a tidy look.