How to link different Product Pages to the Color swatches?

Topic summary

A Focal theme user wants to link three separate product pages (for pens made of different materials: wood, carbon, etc.) through color swatches/variants. They’ve created metafield-based swatches on each page but need clicking a variant to redirect to the corresponding product page.

Current Status:

  • User successfully created swatches using metafields
  • Seeking method to enable cross-page navigation via variant clicks

Community Responses:

  • Consensus: Custom coding is required
  • Suggested approaches:
    • Implement loops with metafield lists or meta objects for variant-to-URL mapping
    • Reference example provided: sparkfusion.in product page
    • YouTube tutorial shared for implementation guidance

Alternative Solutions:

  • Two Shopify apps recommended:
    • “Swatch King: Combined Listings”
    • “Productify Groups”

The discussion remains open with no confirmed resolution, though multiple implementation paths have been offered.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

hi, hope you guys are doing well.

So I‘m using the Focal theme and since I couldn’t find any solution yet, I thought I‘d ask you guys here since I‘m a beginner and you guys probably have experience..

So I have 3 different product Pages for a type of Product. The Products are almost completely the same, the only difference between these 3 are just the materials.

Still I wanted to create 3 different Product Pages to them and have all materials as color swatches/Variants on each of the Product Pages. I managed to do that with metafields.

Now the problem. I wanted to link the product Pages to each of the variants, so when I‘m for example on the product Page for „wooden Pen“ and I click on the Variant „carbon Pen“ I get redirected to the „carbon Pen“ product Page. Put I really don’t know how to do that.

please help, can I somehow do that or does it require coding?

This requires coding.

Hello @Mezoh

Yes, it required Coding (Some loop needs to add) . You can set it with a List of Meta fields. or If you need color and another field in the variant - you have to go with Meta Objects.

Please check the Link: https://sparkfusion.in/products/true-slim-chocolate-smoothie

Thank You

Hi @Mezoh ,

Please refer the video how you can implement the same.

Hope this will help…

Hi @Mezoh

We would like to suggest the Shopify app “Swatch King: Combined Listings” for your consideration. This will meet all your requirement. Kindly check below link

https://apps.shopify.com/variant-swatch-king

Hello @Mezoh ,

You can check this app Productify Groups

If you need any help to configure it, you can drop me an email.

Regards
Guleria