Story theme
Latest
Latest
  • About Story
    • Story theme documentation
  • Updates
    • What's new in Story
      • Story Releases
  • Sections
    • Story sections
      • Accordion group
      • Blog posts
      • Collection list
      • Collection marbles
      • Collection split
      • Contact form
      • Custom liquid
      • Custom content
      • Featured collection
      • Featured product
      • Gallery
      • Icon columns
      • Image banner
      • Image with text
      • Logo list
      • Map
      • Mosaic
      • Newsletter
      • Overlapping images
      • Page
      • Policy links
      • Press
      • Rich text
      • Slideshow
      • Tabs
      • Team
      • Testimonials
      • Text columns with images
      • Timeline tree
      • Timeline with banner
      • Video banner
      • Video player
  • Settings
    • Theme settings
      • Global theme settings
      • Typography
      • Colors
      • Layout
      • Social
      • Cart
      • Search
      • Product grid
      • Currency format
      • Favicon
      • Advanced
      • Checkout
      • Custom CSS
  • Header
    • Header
      • Header styles
      • Toolbar
      • Navigation images
      • Image menus
      • Transparent header
      • Mega-menu navigation
      • Drop-down navigation
  • Products
    • Product pages
      • Static product tabs
      • Unique product tabs
      • Product tabs
      • Color swatches
      • Inventory countdown
      • Pre-order products
      • Static size chart
      • Unique size charts
      • Creating pages
      • Size Charts
      • Product image sizes
  • Collections
    • Collection pages
      • Product badges
      • Sale badge
      • Savings badge
      • Sold-out badge
      • Custom badges
      • Badge settings
      • Custom filter options
      • Collection filtering
      • Collection sorting
      • Collection navigation
      • Feature image
  • Cart
    • Story cart
      • Cart styles
      • Shipping message
      • Estimate shipping calculator
      • Cart settings
  • Promotions
    • Upselling
      • Upsell promotions
      • How to setup
      • Static upsell promotion
      • Custom upsell promotion
  • Overlay
    • Popups
      • Cookies consent message
      • Newsletter popup
  • Siblings
    • Product siblings
      • About product siblings
      • Multiple images per variant
      • How to setup siblings
      • Siblings metafields
      • Cutline
      • Siblings collection
      • Siblings product setup
      • Siblings block setup
      • Variant image sets with alt-tags
  • Pages
    • Page templates
      • Page navigation
      • How to use page templates
      • Story page templates when using a different theme
      • Contact page
      • Lookbook
      • Team
      • Timeline
  • Blogs
    • Blogs and posts
      • Blogs
      • Articles
  • FAQ
    • Frequently asked questions
      • Where to make CSS changes
      • How to download latest version
      • How to add a line break in your headings
      • Share preview link
      • Remove Shopify link in footer
      • Check your theme version
      • How to use sections
      • Adding a section
      • Hiding a section
      • Reordering sections
      • Section blocks
  • License
    • Theme license
  • Support
    • Contacting support
Powered by GitBook
On this page
  • Individual products
  • Collection for siblings
  • Theme settings
  • Metafields
  1. Siblings
  2. Product siblings

How to setup siblings

PreviousMultiple images per variantNextSiblings metafields

Last updated 1 year ago

Feature introduced in Story 3.2.0

There are four main components to setting up product siblings:

  1. Creating individual products. Each product can have variants like sizes.

  2. Group the siblings products into a collection.

  3. Define two custom metafields to link each product together which will automatically create linked product swatches.

  4. Update the metafield information for each product.

Individual products

Create individual products that are similar. Use the same name for the product title with each 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, variants like Size:

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.

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:

The collection is not displayed in the store like other collections, you can keep the collection details very simple:

We recommend you use the word "Siblings" in the title of the the collection. This will help in the next step where we can hide collections globally that contain a keyword.

Theme settings

Story includes a new feature where you can hide collections to customers when viewing your site. Open Theme settings from the Theme Editor - Located at the bottom left:

Next, open the Advanced section:

Add the keyword "sibling" or "siblings" (lowercase is fine) to the second section - Exclude collections if they contain.

Save your changes.

Metafields

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

Cutline
Siblings collection