How to link product color variants to a different corresponding page in Gallaria Theme

Shopify Discussion
1

Hello, I want a variant color picker that navigates to the corresponding product page when clicked. Is this possible natively in a Shopify store, and if so, how can I achieve it?

51747823-b6bc-481a-936c-dbddcffd3180.png
51747823-b6bc-481a-936c-dbddcffd3180.png1143×684 41.5 KB

Thank you.

2

Hello,
That is not possible with the current setup.

Variants are meant to be a type of your product and when clicked you will notice a variant url added on your main url.

You can still achieve this if your products are not variants though. Example: You have to make all your Sizes as a product. Example: Small Sandstone Le Dock,
Medium Sandstone Le Dock and such and then show those products just like variants but this time when users click, they will be redirected to it’s respective product page.

Hope this help answer your question.

3

Thank your answer.Is there any tutorial haw i can achive that?I do not understand how i can link the products each other after i have made them all sizes seperate products.Through metafields?

4

Hello @jonh777

Welcome to Shopify Community.

Yes, it is possible through product metafields you can link multiple products together as color variant on single product page. There is no tutorial for it but it can be done with liquid code. If you are not good with it. Then I recommend you to seek help of a developer.

Let me know if you need one.

Thanks

5

I can highly recommend the app Variant Robot:
https://admin.shopify.com/store/variant-robot-app

If you decide to separately list your products, then Variant Robot can automatically link your separately listed products that are perceived as separate variants, such as individually listed colors.
This allows you to display the different variations of the product on your product page.

When splitting up the variants into single products, we recommend putting the color name at the end of the product title with a split symbol e.g.
Long Sweatshirt - Orange

Using this product title naming structure, it will make it easy for Variant Robot to link your products.

The app features automatic synchronization, ensuring newly added products are linked together seamlessly.

When activating the app for the first time, you only need to define a few settings. This allows the app to understand the association between your separately listed products.