Product Variations /Combine listing for Non plus plan merchants
Feature is avaialable from Fawless version 10.1.0
Use this setup to display separate Shopify products as selectable options on the product page.
In this example, we link Shorts products such as Chino, Cargo, Linen, and Denim so they appear as Style options using the Product Variations block.
Step 1: Create the required metafields
Before linked products can appear on the product page, you need to create two product metafields in Shopify. One metafield stores the visible style label for each product, and the second stores the list of related products.
Metafield that needs to be created:
-
Style value
This metafield stores the label shown for the current product inside the linked selector.
Suggested settings
- Content type: Products
- Name: Style value
- Namespace and key: custom.style
- Type: Single line text
Notes
- Use one value per product
- This value is what customers will see as the option label
-
Linked style products
This metafield stores the list of products that should appear together in the linked selector.
Suggested settings
- Content type: Products
- Name: Linked style products
- Namespace and key: custom.style_products
- Type: Product reference
- Accepts: List of products
Notes
- This metafield must allow multiple product references
- Use it to group all related products together
- The same product group should be assigned across every linked product
Important
- The first metafield stores the visible style label
- The second metafield stores the linked product group
- Both metafields must be created before moving to the next step
Step 2: Assign linked products and update style values
After creating the metafields, open each linked product in Shopify and complete both metafield fields from the product dashboard.
Update the Style value metafield
Enter the correct style label for each product.
Example
- Chino Shorts → Chino
- Cargo Shorts → Cargo
- Linen Shorts → Linen
- Denim Shorts → Denim
Notes
- Each product should have its own Style value
- The value should describe that product only
- This is the label shown in the linked selector
Update the Linked style products metafield
Select all products that belong in the same linked group.
Example product group
- Chino Shorts
- Cargo Shorts
- Linen Shorts
- Denim Shorts
Important
When editing a product, make sure that same product is also included in the list and placed first in the order.
Example order
- If you are editing Chino Shorts, the order should be:
- Chino Shorts
- Cargo Shorts
- Linen Shorts
- Denim Shorts
- If you are editing Cargo Shorts, the order should be:
- Cargo Shorts
- Chino Shorts
- Linen Shorts
- Denim Shorts
Why this matters
Placing the current product first helps make sure:
- it appears first in the linked selector
- it is selected by default on its own product page
- the product page feels consistent for customers
Notes
- Every linked product must include itself in the list
- Every linked product should place itself first
- The linked group stays the same, but the order changes depending on which product you are editing
Step 3: Add the Product Variations block in the product section
Once the metafields are created and assigned, the final step is to add the Product Variations block in the theme editor and connect it to those metafields.
Block settings
Add the Product Variations block inside the product section, then connect the following settings:
- Option name: Style
- Option value metafield: custom.style
- Products: custom.style_products
What each setting does
-
Option name
This is the label shown to customers on the product page.In this example, the correct option name is Style
-
Option value metafield
This pulls in the Style value assigned to each product, such as:
- Chino
- Cargo
- Linen
- Denim
-
Products
This pulls in the linked product group from the product metafield.
It allows the selector to display all related products dynamically.
Notes
- Add the block inside the main product section or featured product section
- Make sure both metafields are already created and assigned before this step
- If the selector does not display correctly, first check that the correct metafields are connected in the block settings
Result
- After completing these steps, customers will see separate Shorts products displayed as linked Style options on the product page.
- When a customer selects another option, they are taken to that linked product page.