# Breadcrumbs

 ![](https://docs-assets.foxecom.app/documentation/821e894e-87fc-43ec-b4d6-70ed84c52cd2.png)

Breadcrumbs show the shopper's current location in your store, such as **Home / Collection / Product**.

The setting here **controls the divider** used between each step and applies to all breadcrumb trails across the store.

## How to show breadcrumbs on your store

1. In **Theme editor** **>** Choose **Product/Collection/Blog page templates** you want to add breadcrumbs to.
2. Choose **Add section > Breadcrumbs** (collection/blog page) or **Add block > Breadcrumbs** (product page).
3. Make necessary changes.
4. **Save** the settings**.**

Learn more: [Breadcrumbs set up on Product page](https://docs.foxecom.com/motrix-theme/product-page/breadcrumbs)

## Breadcrumbs - Theme settings

<Table widths="30%">
  | Setting     | Description                                                                                               | Option                     |
  | ----------- | --------------------------------------------------------------------------------------------------------- | -------------------------- |
  | **Divider** | Symbol between links is chosen once for the whole store in Theme settings, so every trail looks the same. | Slash / Line / Caret / Dot |
</Table>

<Tabs>
  <Tab title="Slash">
    ![](https://docs-assets.foxecom.app/documentation/04e61a88-3615-454a-b41a-fcb8eb49fe6b.png)
  </Tab>

  <Tab title="Line">
    ![](https://docs-assets.foxecom.app/documentation/2a639c74-1bc7-453a-995d-898c93b89979.png)
  </Tab>

  <Tab title="Caret">
    ![](https://docs-assets.foxecom.app/documentation/eeddb038-34b8-4324-b1ac-db1c1db5187e.png)
  </Tab>

  <Tab title="Dot">
    ![](https://docs-assets.foxecom.app/documentation/07de72ce-eecb-4705-9304-e99dabd19125.png)
  </Tab>
</Tabs>