Hi! I am using the Impulse theme.
Currently, my images on the product page of every product default to my first variant.
Like this: https://creativegardenstudio.com/collections/canvas-prints/products/stillness-canvas-art-print
However, I want my images to show up in the order I have put them inside of my products like the attached screenshot.
Can someone tell me what code I need to insert into my theme to make the images on my product page (from the users perspective) appear in the same order I have put them on my product page instead of the default view of the first variable? In other words, I want to control the order they appear in for both desktop and mobile.
Thanks!
Hi @JulieMaida
You can change the image you want to use as the first variant image.
Thanks! I understand that. But when someone lands on my product page, I want the first image to be a room mock up, not a product variant. And then I want them to follow the order I created in my products images, not default by the first variant.
If you like display a different image that’s not a variant that wouldn’t be a very good experience, since by default the first variant is going to be selected and the price and content will be shown as such.
The part of ordering the images just like you want it can be tried with code modifications but the first image will be the first variant.
I am not trying to display the wrong image for my variants. I want people to just be able to scroll through my images which include room mock ups. Before they even choose a variant. And I want them to be able to scroll through them in a certain order that I choose (the room mock ups first), not be the same as the first default variant.
Okay. The first variant is selected by default, I am pretty sure you know this. So the first image is going to be the first variant image.
But if you want to order the images like all room mockups first and then the others, I haven’t done this before but I would definitely love to give that a try.
