# Edit product breadcrumbs using metafields

{% embed url="<https://youtu.be/TM0L8nJPk0s/>" %}

## **Why use the product page breadcrumb?**

Breadcrumb is a type of secondary navigation scheme that reveals the customers’ location on the website.&#x20;

**Breadcrumbs can improve how a user and Google navigate a website**, especially if your website has many products or pages.

Furthermore, breadcrumbs have been proven to **decrease bounce rates**, keeping users on a website longer.

Lastly, the best benefit of breadcrumbs is SEO-boosting. Google bots use breadcrumbs to categorize and contextualize content in search results more efficiently.

{% hint style="info" %}
Learn how to add breadcrumbs in Zest: [Breadcrumbs](/zest-theme/collections-and-products/product-page/breadcrumbs.md)
{% endhint %}

## How to create custom breadcrumbs

In Zest, you can set a custom product breadcrumbs for each of your products.

{% hint style="info" %}
Custom breadcrumbs with metafields are supported in :sparkles: **Zest version 7.3.0 and above**. :sparkles:

See our [Changelog](https://help.foxecom.com/changelog/zest?utm_source=foxecom\&utm_medium=help_center_zest_edit_product_breadcrumbs_using_metafields\&utm_campaign=anchor_text\&utm_term=changelog).
{% endhint %}

### **Steps:**

#### **1.** Define a Product Metafield in **Shopify admin** > **Settings** > **Custom data**.

* Click the button **Add definition** to create a new product definition.

<figure><img src="/files/8g3ZxKSAM1AkiZhmhy6F" alt=""><figcaption></figcaption></figure>

* Use any **Name** you want, and insert the **Namespace and key** as '**breadcrumb.primary\_collection**'.
* Select the metafield type as **Collection.**

<figure><img src="/files/dC9Fcf4SGVZ8MNn5FWan" alt=""><figcaption></figcaption></figure>

* Click **Save**.

#### 2. In the Product setup, **select a collection from a list** to display a custom product breadcrumb.&#x20;

* From **Shopify admin** > **Products**, select a product you want to add custom breadcrumbs.
* In the **Metafields** section, select a collection from your collection list.

<figure><img src="/files/RHbcyj2kD7vB7aF3J4HT" alt=""><figcaption></figcaption></figure>

* Click **Save**.

#### **3. Enable the breadcrumbs on your theme editor.**

Ensure that the option to **Show breadcrumbs** is checked and the dynamic data source is linked.&#x20;

<figure><img src="/files/9mXl9izZCcIRDRdbzQzn" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Products without a metafield value for the Custom breadcrumbs will display the name of the collection that comes first in alphabetical order (if that product is included in multiple collections).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/zest-theme/faqs/product-page/edit-product-breadcrumbs-using-metafields.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.