Thumbnail to left side of product image in Dawn 15.02

Shopify Discussion
1

HOW TO SHOW THUMBNAIL IMAGE ON LEFT IN PRODUCT PAGE SHOPIFY DAWN THEME 15.02

2

Hey @EasyPhones

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

3

Please check this video
https://www.youtube.com/watch?v=2TsIzTNYohQ&t=56s

4

Hello @EasyPhones

Go to online store > Themes section > click Actions > Edit Code. > open Assets

Find the theme.css or theme.scss.liquid file

Add the Custom CSS:

.product-gallery {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

.product-gallery .thumbnails {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
}

.product-gallery .thumbnail img {
  width: 60px;
  height: auto;
  cursor: pointer;
  object-fit: cover;
  border: 2px solid transparent;
}

.product-gallery .main-image {
  flex-grow: 1;
  max-width: 70%;
}

.product-gallery .main-image img {
  width: 100%;
  height: auto;
}

If it doesn’t work let me know and I’ll do my best to fix it

and try to provide the store url

Thankyou :blush: