How to add link to colour swatch on product page

[elitaco]

Hi, how do I add a link to a colour swatch? the link will leads to a product page of another colour of the same item when clicked. 

[KetanKumar]

@elitaco 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[elitaco]

@KetanKumar 

url: elita.com.sg
password: clewth

[KetanKumar]

@elitaco 

thanks for your url are you abel to code try above code on product page 

[PaulNewton]

@elitaco Solutions to this will vary wildly by theme and the implementation of swatches.

You need to find the liquid file where the swatch is generated and find the html elements that have the swatch color, or the images and wrap it in an anchor tag pointing to the desired product.

PSUEDO code

{% assign colors_product_url = all_products["handle-of-product"].url %}
<a href="{{colors_product_url}}">
 <img src="....." />
</a>

If your doing this because have standalone single variant products , aka flat products or product families, where each color is a standalone product but you need to related these products through a theme customization contact me with details for an estimate and demo;.

[Kaija]

Hello @PaulNewton,

i have the same problem. can you help me with the coding please?

Thanks.