Displaying color swatches linking to separate products for each color variant

[urusk1ant]

Hi everyone,

I’m trying to implement the following setup in my Shopify store:

I have a product – for example, a necklace – available in several colors (Silver, Rosé, Gold). Instead of using Shopify’s standard variant system, I’ve created each color as a separate standalone product. This approach allows me to list each color variant individually on platforms like Etsy, Google Shopping, or Amazon, and it’s also more SEO-friendly.

What I’d like to achieve:
On each product page, I want to display clickable, round color swatches that link directly to the corresponding product page of the selected color – similar to what you can see here:
👉 https://bymerrachi.com/products/essential-jersey-dress-regular-taupe

👉 https://eu.representclo.com/de/products/gran-cru-classe-cap-jet-black

I’ve already tried to implement this using metafields (product references + HEX color codes) with the help of ChatGPT and created a custom snippet – but unfortunately, I couldn’t get it to work properly.

Has anyone here successfully implemented something like this or has a clean solution or working approach to achieve this?

I’d really appreciate any help, tips, or example code 🙏

Thanks in advance!
Best regards,
Ully

[EmmanuelFlossie]

Just a sidenote, there is no need to have unique listings to submit them to Google Shopping. A product with variant, will submit each variant as a unique listing. Just and FYI. And it's most likely how other marketplaces work as well.

[Easify-Jennifer]

Hi @urusk1ant 

Yes – you can definitely achieve that setup using the Easify Product Options app 😊
It lets you create clickable image or color swatches that link to separate product pages, perfect for when each color is its own standalone product.

No need for custom code, and the setup is super straightforward. I actually have an example using headphones set up this way, and it works really well! Here's how it works: 

• This is the demo, when you click into a color, it will redirect you to its own URL 

• This is the app setting, you need to create 3 products separately in Shopify, then use Easify Product Options to attach URL like this: 

• Remember to apply this option set to all 3 products

I hope this answer helps solve the problem. If you need further assistance, feel free to reach out to Easify anytime! 🤗