What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Variants to match image

How can I match variant images with their names on my ecommerce page?

earthtreasures
Excursionist
35 1 7

On variant page, when I click on an image it only display the image but it did not change to the name of that image.

on another word if I click on an image Purple Angle it should change to Amethyst Angel with the description of that Amethyst Angel.

 

URL: htttps://earthtreasuresusa.myshopify.com

Replies 7 (7)

KetanKumar
Shopify Partner
37444 3664 12119

@earthtreasures 

sorry for any issue 

i have check on product page its working fine if you have any issue please share video  or screenshot 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
earthtreasures
Excursionist
35 1 7

Please check the video at the following link

https://earthtreasuresusa.myshopify.com/products/polished-hearts

KetanKumar
Shopify Partner
37444 3664 12119

@earthtreasures 

yes i have check this product also its work 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
earthtreasures
Excursionist
35 1 7

I’m sorry, which product are you referring to.

KetanKumar
Shopify Partner
37444 3664 12119

@earthtreasures 

yes your last  link

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
earthtreasures
Excursionist
35 1 7

I used this link to show you the video that explains my issue with thumbnails and their related issue…

PageFly-Victor
Shopify Partner
7865 1786 3120

Hello @earthtreasures , This is PageFly - a Free Shopify Landing Page Builder
When a version with an image is selected, most themes update the main picture. However, the update never occurs in both directions since having a change to the main image immediately update a variation option could lead to shoppers adding the incorrect variant to their basket. With that said, you can refer this way from Shopify to archive that: 

1. Go to Online Store > Themes in your Shopify admin.

2. After you've found the theme you wish to change, go to Actions > Edit code.

3. Open theproduct-template.liquid template in the Sections folder.

4. All of the code in this GitHub file should be copied.

5. In the product-template.liquid template, paste the pasted code at the bottom.

6. Save the file.

7. Open the theme.js or theme.js.liquid file on your computer.
8. All of the code in this GitHub file should be copied.

9. In the theme.js or theme.js.liquid file, paste the pasted code at the bottom.

10. Save the file.
Hope this way is helpful for you.
If you are looking for a guide or tips to build your product page, check this materials out: https://pagefly.link/ZZJDVxkC , https://pagefly.link/DJNdcZrm

Shopping experience and art experience can be different. But with PageFly they are the same. You can have a look at our Use Cases and create a stunning online store that can even be used to propose to your lover.

Have a great day!