🎉   New theme alert!   Check out   ETHERYX →

Appearance

Product siblings ​

Product siblings are related products displayed as swatches on the product page. Merchants can link products as alternatives, similar to variants. Some prefer managing inventory by creating separate products for each color, ensuring each color appears as an individual product in collections.

The Product list block enables seamless switching between sibling/related products as if they are the same product. This functionality mimics a swatch variant picker, making it seem like users are selecting colors, but they are actually navigating to a separate product.

IMPORTANT

The setup of this feature is not supported by our complimentary support.

Using Metafields to Link Products ​

The Product siblings block can utilize dynamic content such as metafields to display linked sibling products. You can create a new metafield of type Product list or use an existing metafield, such as Complementary products, managed through the Shopify Search & Discovery app.

Add a Custom Product List Metafield ​

  1. From your Shopify admin, go to Settings → Custom data → Metafield definitions.

  2. Click Products, then Add definition

  3. Here are the fields to fill in:

    • Name: Product siblings
    • Namespace and key: openthinking.product_siblings
    • Type select Product → List of products
    🖼️ Screenshot
    Product siblings metafield

  4. Click Save

OPTIONAL

Create a Text metafield to store the heading for the Product siblings block.

Featured image metafield ​

To show a featured image instead of the product thumbnail, use a metafield with the type Image to store the desired image. If the metafield is empty or missing, the default product thumbnail will be shown instead.

  1. From your Shopify admin, go to Settings → Custom data → Metafield definitions.

  2. Click Products, then Add definition

  3. Here are the fields to fill in:

    • Name: Product siblings image
    • Namespace and key: openthinking.product_siblings_featured_image
    • Type select Media → Image (File)
    🖼️ Screenshot
    Product siblings metafield

  4. Click Save

Next, simply open the product you want to have a custom featured image and add the desired image to the Product siblings image metafield.

Assign Sibling Products to a Product ​

Step ①

  1. From your Shopify admin, go to Products.
  2. Select the product you want and scroll to the Product metafields section.
  3. Click the newly created Product siblings metafield, then Select products.
  4. Add all sibling products you want to display.
  5. Click Save

Step ②

NOTE

You will need to update the metafields for each product you want to display siblings for. You can do this by using the Bulk Editor or by updating the metafields manually.

  1. From Shopify admin, go to Online Store → Themes
  2. Click Edit theme, then open the Product template.
  3. Select (+) Add block, then select the Product list block from the list.
  4. Click Dynamic content button, then select the new Product siblings metafield.
  5. Click Save
🖼️ Screenshot
Product siblings metafield selection

WARNING

If no products are assigned to the Product siblings metafield, the Product list block will not display. Make sure that you are viewing a product that has siblings assigned to it!!!