|  Pipeline theme
Latest
Latest
  • About Pipeline
    • Pipeline theme documentation
    • Learn Pipeline
  • Updates
    • What's new in Pipeline
    • Pipeline releases
  • Sections
    • Pipeline sections
      • Explore all the sections
      • Accordion group
      • Accordion single
      • Blog posts
      • Collections list
      • Collection product grid
      • Contact form
      • Custom HTML
      • Custom Liquid
      • Custom content
      • Featured article
      • Featured product
      • Gallery
      • Gallery text
      • Icon columns
      • Image banner
        • Countdown timer
        • Collage
      • Image with text
      • Logo list
      • Map
      • Mosaic
      • Newsletter
      • Page
      • Product grid
      • Product slider
      • Product slider tabs
      • Products with image
      • Recently viewed products
      • Rich text
      • Scrolling promotion
      • Shop the look
      • Slideshow
      • Tabs
      • Text columns with images
      • Video
      • Video banner
  • Settings
    • Theme settings
      • Global theme settings
      • Color
      • Typography
      • Layout
      • Search
      • Product card
      • Product form
      • Cart
      • Social media
      • Currency
      • Favicon
      • Advanced
      • Checkout
      • Custom CSS
      • Theme style
  • Header
    • Announcement bar
      • Settings and colors
      • Free shipping message
      • Text announcement
      • Icon column
      • Custom HTML
    • Header
      • Header styles
      • Icon styles
      • Toolbar
      • Navigation images
      • Collection block
      • Linking to menu items
      • Transparent header
      • Sticky header
      • Highlight sale menu
      • Collection images
  • Footer
    • Pipeline footer
      • Footer
      • Subfooter
  • Products
    • Product pages
      • Pre-orders
      • Breadcrumbs
      • Tabs and accordions
      • Tabs with metaobjects
      • Product page layout options
      • Product zoom
      • Inventory count down
      • Size charts
      • Unique product content
      • Alt-text sizing information
      • Swatch size
      • Color swatches (legacy)
      • Product siblings
      • Complementary products
      • Buy it with
  • Collections
    • Collection pages
      • Subcollections
      • Badges / Stickers
      • Custom filter options
      • Collection sorting
      • Layout options
      • Speed performance
  • Cart
    • Pipeline Cart
      • Cart types
      • Cart page
      • Cart drawer
      • Cart popup
      • Editing cart text
      • Cart upselling
      • Settings
  • Promotions
    • Upselling
      • Complementary products
      • Buy it with
      • Upsell with Quick View
      • Cart upselling
      • Upsell multiple products
      • Basic version
  • overlay
    • Cart drawer
      • Drawer cart
      • Popup cart
    • Popups
      • Cookies consent message
      • Newsletter popup
      • Text popup
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Cutline
      • Siblings collection
      • Siblings product setup
      • Add siblings block
  • Search
    • Predictive search
  • Pages
    • Page templates
      • Overview
      • Unique page content
  • FAQ
    • Frequently asked questions
      • Default theme content
      • Context picker
      • Check your theme version
      • Share preview link
      • How to download latest theme version
      • Migrating your settings
      • Improving the speed of your site
      • Optimizing performance of your Product Card & Collection pages
  • Apps
    • Shopify apps
      • Supported apps
      • App integration
      • Search and Discovery
  • License
    • Theme license
  • Support
    • Contacting support
Powered by GitBook
On this page
  • Advantages
  • How to create
  • Step 1
  • Step 2
  • Step3
  • Basic version
  • How to
  1. Products
  2. Product pages

Breadcrumbs

Create custom breadcrumbs in Pipeline for individual products

PreviousPre-ordersNextTabs and accordions

Last updated 1 year ago

With Pipeline, you can create and display custom product breadcrumbs for every product you offer. This feature enables shoppers to easily navigate back to a specific collection that you have configured.

Advantages

Using a custom breadcrumb helps resolve issues:

  • Subcollections

  • SEO links for when products are linked from both /products/ and /collection/

  • Home breadcrumbs

How to create

Custom breadcrumbs with metafields support added in Pipeline 7.1

A few basic steps exist to set up and start using custom breadcrumbs. Here is a quick summary of the steps:

Basic steps

  1. Using the Shopify Admin under Settings -> Custom data, define a product metafield. The Content type is Collection, List of collections (easy step).

  2. In the Product Setup, choose a collection from a list for any of your products that will be displaying a product breadcrumb.

  3. In the Theme Editor, ensure that the option to Show breadcrumbs is checked and the dynamic data source is linked.

Step 1

In the Shopify Admin -> Settings -> Custom data, choose Products:

  • Use the "Add definition" button to create a new product definition

  • For the Name, use any name you like. We will use "Breadcrumbs" in our example.

  • Click on the Select type button and type in "Collection", then select Collection:

  • Choose List of collections (important):

  • Press the Save button to complete

Step 2

After creating the Breadcrumbs metafield, we can now choose from a list of collections in our Shopify Admin -> Products, then pick a product to configure the custom breadcrumb:

Step3

In the Theme Editor, we can activate Breadcrumbs and link to our metafield:

Tip: Products without a metafiled value in the Product set up, won't display a breadcrumb.

Basic version

If your store only requires one source collection, you can use the basic setup.

How to

In the Theme Editor under the default Product template, you can simply choose one collection from the list of collections and that will display on all your products. No metafield setup is required.

The chosen collection will appear on All your product pages.

  • You can create multiple product templates to only show with certain products.

  • Toggle on and off with the Show breadcrumbs checkbox.