Product Images to the Left side of Main Image (Dawn Theme)

Hello everyone,

I would like to have my product images on the Left side of the Main image, like in the screenshot below.

Right now my product images show up below the main image.

I found some solutions on the web for this problem but they all didn’t work for me.

I am using Dawn Theme by the way.

Help would be appreciated :slightly_smiling_face:

Thank you!

example: images on the leftside

Hi there @KC14 . I’m happy to help you out with this! Do you mind if I ask why you’d like this layout over your current one? Are you making any other customizations to your theme?

I took a look at Dawn’s settings and there isn’t a setting built in that would allow you to display your product images stacked to the left. The available product image layout options can be found in your theme editor. You can get there by going to Online store > Themes > Customize (next to Dawn). From there select your Default product template and if you click the Product information section you will find the Desktop layout and Mobile layout options under Media.

That being said, this could likely be done by editing your theme’s code. I found a third party guide in this post here explaining how to do this using Dawn. If you’re comfortable with coding you could try this out.

If you’d like help customizing this feature I would recommend first contacting our support team on this page to see if this is a customization we would be able to assist with. If we aren’t able to assist with this one, I’d then recommend hiring a Shopify expert. Shopify experts are trusted, third-party agencies and freelancers who offer services for Shopify merchants. You can hire one on this page or learn more about them here if you’re intersted.

Please let me know if you have any questions!

3 Likes

Hi Eric!

To me it looks more nice and clean to have it on the side rather than below.

Yes that’s right, I checked those Dawn settings and that third party guide before, but those didn’t work for me. I was actually looking for another code that maybe works for my store or something like that.

Thank you for your time and help though!

Hi KC14

did you ever find a soloution, as I have the same question

thx

LK67_0-1697202444093.png

Third party link worked a treat for me - thanks v much!! I just had to edit one other bit of code to get the thumbnail spacing looking better - hope this is of use to anyone checking this thread :slightly_smiling_face:

You can display product images to the left:

1 Like