How to adjust the layout of my product pages

[PAUL8]

Hi everyone,

I'm looking to adjust the layout of my product pages. Currently, the thumbnails are positioned below the main product image. I'd like to move them to the left side of the main product image instead. Can anyone guide me on how to achieve this through Shopify's customization options or by editing the theme code? Any detailed steps or code snippets would be greatly appreciated. Thanks in advance!

[BSS-TekLabs]

- Can you try @PAUL8 

- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.product__media-wrapper {
  display: flex;
  flex-direction: row;
}

.product__media-wrapper .product__thumbnails {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  width: 100px;
}

.product__media-wrapper .product__media {
  flex: 1;
  max-width: calc(100% - 100px);
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[PAUL8]

Hello,

Sorry but your code didn't work...

[Moeed]

Hey @PAUL8 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[PAUL8]

Hello,

Thanks for your respone !

The store url is womber.fr

Password: PROPAGANDAAA

Best Regards,

Paul