|  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
  • Step 1 - Individual products
  • Exclude a color variant
  • Video - Tips for building products for Siblings
  • Step 2 - Collection for siblings
  • Video - Add products to a custom collection for Siblings
  • Tip: How to hide a collection from the storefront
  • Step 3 - Metafields
  1. Siblings
  2. Product siblings

How to setup siblings

Steps to configure Siblings

PreviousAbout product siblingsNextSiblings metafields

Last updated 1 year ago

Feature introduced in Pipeline 6.2

These are the five main components of setting up product siblings:

  1. Create individual products which will later be connected together as one. Each product can have variants like sizes. The color variant will be replaced by the Siblings feature.

  2. Group the Sibling products together into a custom collection (hidden from other collections).

  3. Define two custom metafields to link each product together, automatically creating linked product swatches.

  4. Update each of the products with the metafield information. For example, color names and which collection they belong to.

  5. The last step is to add the siblings block in the Theme Editor and configure the settings.

Step 1 - Individual products

Create individual products that are similar. You can use the same name for the product title when creating each product. The Siblings Cutline will add a subtitle to differentiate each product:

Tip: If you have SEO concerns, you can simply change the SEO name for each product or use different names as well

When building Siblings, you'll replace one product with multiple color variants into multiple products that are later linked together as one. For example, if a t-shirt has five colors, you'll build five individual products, each can have variants like sizes but skip the color variant as that will be replaced by the Siblings feature.

Each of these products ideally should have the same name, make one product, and then copy that product multiple times.

Important: Skip the Color variant when creating the products. Colors are added later using Metafields. Therefore, these products won't require a color variant. Other variants like Size should be created as regular variants in the product setup. Just skip the Color variant.

In this example, we will combine all these products into one product using the Siblings feature. Therefore, each product is a duplicate of the other with the exception of the product images. Each product represents one color for the combined product.

Once connected to each other as siblings, they will appear with linked swatches to each other:

Each product can have its own images, inventory, prices, description, and variants like Size (skip the color variant but create other variants needed):

Exclude a color variant

A Color variant isn't required as that will be replaced by image swatches and a metafield is used to display the color.

Tip: Create the first product with sizes and prices, then duplicate that product and add new images for each variation and adjust the description, inventory, and prices. Only the product name needs to be the same for all products.

Video - Tips for building products for Siblings

Step 2 - Collection for siblings

After creating the products, place them all in one collection. The collection does not need to be used for any other purpose (it can be hidden from your storefront):

Video - Add products to a custom collection for Siblings

Tip: How to hide a collection from the storefront

  • First, ensure the collection you would like to hide is Published✅to your Online Store:

  • Next, add the collection to the search exclusion list in the Theme settings -> Advanced.

You can hide any of your collections from searches by adding them to the search exclusion list. Find this setting in the Theme settings -> Advanced

Step 3 - Metafields

The next step is to create two product metafields which are used to connect all the products and information together:

Use this link to learn about the Advanced settings option >
Cutline
Siblings collection
Overview on building products
Overview of building a collection for Siblings feature
Each product has the same name
The Color will be created using Metafields
This Top has multiple sizes but no color variants - Colors are added in a later step with Metafields