Hello,
So I created all my product pages with gempages, added the swatch for the product colors.
Now I would like that when I click on a color, the product image of that color automatically switches to that color.
Thank You,
Website : https://www.spoown.com
Hi @Tiagiinho ,
I have checked and it is a complex requirement, you need experience with JS code, so it will be difficult for someone to give you detailed instructions.
I recommend contacting ‘gempages’ directly, they will help you check and add this as soon as possible. Because the JS code is being managed by them, they will help you add it.
Hope it helps!
Hi @Tiagiinho
It’s GemPages team here to assist you!
As per checking, you are using 2 different product elements in the section, so the variants and product images are not linked to each other.
In this case, to solve the issue, you are recommended to redesign the section and use one Product element only.
For example: Instead of using 2 product elements like this:
You will
Drag and drop O1 Product element into the page
Drag and drop a Row element and divide it into 2 columns
Add (P)elements into 2 columns as normal like the below screenshot:
Hope the information helps.
If you need further support, feel free to contact us via email (support@gempages.help) or live chat.
Thank you!
Thank you !
I will do that.
Thanks @GemPages .
Worked perfectly fine.
I have another question, on my homepage where I put a raw with a product and its 3 variants.
As you can see when you refresh the page, the 3 variants load first the “beige variant” image then in a second switch to the right image of the variant. It bothers me a bit to see the transition.
Is it possible that it load directly the right image linked with the color variant.
Thanks gain.
Hi @Tiagiinho
It’s great to hear the solution works for you.
About variant images, we will need to check further inside your store, so please reach out to our live chat and our team will assist you accordingly.
Thank you!
