Breadcrumbs block (Product)
Product section consists of two parts:
Header /Info block – the top part with a highlighted color, showing the product title or key info.
Content / Details – the lower part with more detailed information, divided into blocks.
Breadcrumbs can be enabled in the header (Info block), or the Breadcrumbs block can be added to place it in the lower content area (Content → Details).
In this example breadcrumbs block are added in the lower content area (Content → Details).
By default, if no custom collections are added, breadcrumbs will show: Home / All Products / Product Title.
| Setting | Description |
| Custom collections |
You can add collections that will appear in the breadcrumbs on each product and will be the same for all products. To have different collections for each product, use a metafield. Check the information below the table. |
Create a Product Metafield for Breadcrumbs
-
Go to:
Shopify Admin → Settings → Metafields & Metaobjects → Products → Definitions
- Click Add definition
- Fill in fields:
| Field | Example / Notes |
|---|---|
| Name | Breadcrumbs Collections |
| Namespace & key | breadcrumbs_collections (auto generated) |
| Description | Optional, e.g., “Collections used in breadcrumbs for this product” |
| Type | List → Collection |
- Save the definition.
2️⃣ Assign Metafields to Products
-
Go to a product page:
Shopify Admin → Products → Select product
- Scroll down to Metafields section
- Locate the new metafield Breadcrumbs Collections
- Click Add item, select the collection you want this product to show in breadcrumbs
- Save the product.
3️⃣Add the Metafield into Breadcrumbs Block
-
In Custom collections list click on Connect dynamic source and add created metafield
