# Breadcrumb

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FDNlJCt4jwkqQa3s2xii2%2Fimage.png?alt=media&#x26;token=71a14a8d-569d-4919-8d50-ecacfb06bbf2" alt=""><figcaption></figcaption></figure>

Breadcrumbs show the page's position in the site hierarchy, and it may help users understand and explore a site effectively.

{% hint style="success" %}
Steps

1. In the Theme Editor > **Customize**, open the template selector
2. Select **Products**, then **Default product**
3. On the left sidebar, add a **Breadcrumb** section
4. Make necessary changes **> Save** the changes
   {% endhint %}

You can control the container type, its positions, and whether they want to display breadcrumbs for your current page or not.

<figure><img src="https://720269760-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSnkJrgCgnPuM88XGWwwm%2Fuploads%2FiXvdOYijAfqVzI9UbSEV%2Fimage.png?alt=media&#x26;token=7411b37e-9241-4415-a566-550255031b31" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
When a product belongs to multiple collections, the breadcrumb displayed on the product page will reflect the collection name that appears first in alphabetical order. This automatic sorting ensures consistency in how products are categorized and optimized for SEO.
{% endhint %}