How to set up sibling products?

Shopify variants are a great way to create different options for a product, but they can be too limited if you need to create completely different pages for each variant. For example, you may want to create unique sections, color schemes, or content for each variant, but still link those variations to the related products. You may want to check the demo here

In Concept, you can use metafields to link different products.

This tutorial shows you how to use metafields to create sibling product swatches step-by-step:

1. Create a new product

   To create a separate product page for each variation, create a new product for each variation in your Shopify admin.

   For example:

   If you have a product with three color variations (e.g., Air Beats), create three new products, one for each color (Timber, Black, and Gold Tone). I created three new products:

   • Air beats Timber
   • Air beats Black
   • Air beats Gold Tone

   to represent the three color variations of the AirBeats product.

   

   

   

   

2. Create a new metafield

   Here you will need to create a metafield holding the those above actual values for the option (Timber, Black and Gold Tone.)

   • Go to Product metafield definitions in Shopify admin > Custom data and click on Add definition.

   

   • Enters Name and Namespace and key for the metafield.

   • Select the Single line text and One value for metafield type.

     The description and validation settings are optional.

     In the example image below, I entered "Color sibling" for the name and "sibling.color" for the namespace and key.

   

3. Set the value of the New metafield to the product ID of the related product

   • Next, go back to each product you created earlier (Timber, Black, and Gold Tone) and set a value for the metafield.
   • For example, to link the Air Beats Timber to the Timber color, within its metafields, set Timber to the Color sibling.

   • Do the same for Black and Gold Tone colors.
4. Enable the Variant product setting

   Once the metafields are all set, we need to enable the feature via the theme editor.

   • Go to [Product information] > [Add block] > [Product variations] to configure the sibling product swatches.

     

     

   • Product Variations block settings:
     • Option name - The block title (Eg. Color, Style...)

     • Option value metafiel - Add the namespace and key of the metafield in the Definition, in this tutorial, it would be sibling.color

     • Products - Select all the variations, including the product itself (For example: Air Beats, Air beats Timber, Air beats Black and Air Beats Gold Tone products.

     

* The images are used for non-commercial product demonstration purposes only, and are solely intended for use in this theme instruction documentation.

Need Further Assistance

If you encounter any issues or need additional help with your Concept theme, don't hesitate to reach out to Roartheme's support team for expert guidance.

Scan the QR code to get support within 8 hours via RoarTheme ’s Whatsapp