To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more

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

Solved
emjayp
Tourist
11 0 5

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.

 

 

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
5581 642 1529

This is an 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.

View solution in original post

Replies 6 (6)
Zworthkey
Shopify Partner
5581 642 1529

This is an 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
Tourist
11 0 5

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
Tourist
3 0 2

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
New Member
2 0 0

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 🙂

ele_cass
New Member
2 0 0

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
Shopify Partner
571 79 126

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

 

If helpful then please Like and Accept Solution.
Email: suhagiyajivan1992@gmail.com
Skype: jivan.suhagiya
First kind of Checkout Reminder APP: https://apps.shopify.com/checkout-reminder