Set up the "Product combination" block.
With this feature, you can display product options on the product page as links to separate product pages.
INFO: While this feature allows you to emulate variations on a given product page, internally, each product will still be an individual product. Each variation will appear as an individual product on the collection and search pages. Showing swatches in collection pages won't be possible, either.
Step 1: Create two product metafields
Navigate to the Shopify Admin -> Settings -> Metafields and metaobjects -> Products and click on the "Add definition" button.
Metafield for the variation value.
In our example, we have created the metafield to store the option name with the name "Variation value" (you can have any other name that is convenient for you). The type must be "One" and "Single line text".
Metafield to store a list of variants
In our example, this is "Variation products" (you can give any preferred name). The type must be "List" and "Product"
Step 2: Populate metafields with the information
Navigate to the Shopify admin -> Products -> [product], scroll down to the Metafields block, and find these two metafields. Fill in the metafields with the info:
- Variation value - enter the value of the current product’s variant (e.g., Orange for color, S for size, or Cotton for material). In our example, the variation is a color.
- Variation products - select all the product variations that should appear in this product (including the current product).
Step 3: Connect metafields to the Product combination block in the product template
Navigate to the Theme editor -> Product page, and add the "Product combination" block to the Product template. Fill in the following fields:
- Option name - Color, Size, Material, etc.
- Option value metafield - connect the metafield with the variant value ("Variation value")
- Products - connect the list of products from the "Variation products" metafield.
Once these steps are done, you should get the following result.
