How to link product color variants to a different (corresponding) page in Prestige Theme.

[emjayp]

Hello.

I am using the Prestige Theme currently and have products with different color variants.  I want to create different variant links through which you can switch between different individual products when selecting a different color.

Right now, I have ALL my product images (all colors) in one product page and want to have images displayed only to the corresponding color WHEN the swatch is clicked.  Instead, I have too many pictures on one product page due to the amount of color variants.  Each color variant should have a separate link with its own corresponding images.  At the same time, each color of the product should show in the collection page.

Examples:

https://mnml.la/products/mnml-sweatpants-every-day-sweatpants-m2019-w732-gry

https://www.rockstaroriginal.com/products/rsm-btm-jns-4840-bruce-biker-patch-jean-black-red

You will notice the swatch code in the url change when a different swatch is selected while only displaying images for that variant.

(I'm sure these two brands are also using the Prestige Theme)

my site is: www.guapstar.com (pw entry is upper right hand; its hard to see)

password: gstar00

I have seen post regarding this question before but it never gets solved. 

What would be the best way to go about this?

Any response will be deeply appreciated, Thank You.

[Zworthkey · Accepted solution]

@emjayp 
You want to add Image Swatches. for that you can try this apps.
1.https://apps.shopify.com/vario

2.https://apps.shopify.com/king-product-options

3.https://apps.shopify.com/globo-color-swatches

and their are many paid apps and

this Apps help you to achieve the image swatches. if you need more help Let me know.
thank you.

[emjayp]

Hello.

Thank you very much for your response.

Do you know which or if any of these apps  (or other) will allow my products to show ONLY the specific images corresponding to the chosen color?

For example, on the example website landing page of the first app you mentioned, Vario, images of both color variants are shown regardless of which color is chosen.

I was just curious to see if you knew which of these three examples apps have that feature before I test all of them out myself.

I have not thought about apps, thank you.

Thank you again!

[martkor]

Hey there,

i just checked your store and it seems you made it work? Which app did you use now?

Thanks in advance!

[ele_cass]

Hi, I have the same problem. Did you manage to find a solution with one of the apps? I can't find any answers on the forums. Thank you so much!

[Jivan_Suhagiya]

Hi @emjayp @ele_cass 

If still you are looking for solution and willing to pay few dollars, I can do it

I just did same in different theme and can provide demo. You can DM me for demo store if you are interested

Thank you

[GetAllTool]

My app (King Linked Options) solves this problem, and you can see the effect in the demo store, it's easy to set up, and very useful

[Irina_Mryan]

Your app is so useful. Is it possible to add different variations by linking products? 

I have products that I want to link them, and they have 2 variations.

By color

By tray ( product with a tray or not).

Is it possible to add under grouped products different variations? 

Thank you

[GetAllTool]

King Linked Options, just try it, it's easy to set up, and very useful

[ele_cass]

Hi, I have the exact same problem and didn't find a solution yet. Did you manage to solve this with one of the apps listed? Thanks so much 🙂

[sunedhistore]

Which app did you use to solve your problem? Please let me know I've trying to find solution for so long.

[Variant-Robot]

We highly recommend our app Variant Robot:
https://admin.shopify.com/store/variant-robot-app

Variant Robot can automatically link your separately listed products that are perceived as separate variants, such as individually listed colors.

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.

[Lbertram]

Hi, this is what I need and been looking for. Are you able to help me with this? Did you use an app or go with meta fields? 

[sakinur-rahman]

Here is a video about this.