Product Thumbnails Positioning on Product Page

Hi,

I am using the Debut theme and I would like to know how do I position my product thumbnail on the left side as shown on the image below?

For modifying layout of a site, first check the Customize Theme section to see if the theme has a setting you can use to change it.

If not, then you’ll need to edit the code in your Theme Editor.

For your instance, I would start by finding where the html is for those thumbnails. I would start by reading product.liquid template, then look for a snippet like product-image.liquid. That’s a common area for product page images.

Then, you can inspect the code in the browser to see the CSS styles applied to it, and edit live in your browser.

Once you’ve figured out the CSS to modify (and potentially the HTML), add that code to a backup theme and preview, tweak, and publish.

If you’re not familiar with editing Shopify themes or finding code in the browser, this post will help: https://speedboostr.com/how-to-safely-edit-your-shopify-theme.

If you’d rather save your time and hire a developer to handle it, feel free to give a shout to my team at speedboostr.com/contact. We regularly modify Shopify themes like this for clients.