Desktop Layout -> Stacked, How To Make All Images The Same Size As The First Image?

Store Design
1

Hello, quick question. When you are in your Catalog, you click on your product and you get to the ‘Production Information’ section. Inside of it you can change the layout of images: Stacked, Thumbnails, and Thumbnails Carousel. Is there any way to keep the Desktop Layout as 'Stacked, but have all the images as large as the main image? And not half size.

Attaching image. I want image #2, #3, #4, and #5 to be the same size as #1

Screenshot 2022-07-21 at 4.12.28 PM.png
Screenshot 2022-07-21 at 4.12.28 PM.png1002×1906 327 KB

Thank you so much!

2 Likes
2

@Alex3251

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

1 Like
3

Hi @Alex3251 ,

Definitely! Based on your question, I can tell you are using the Shopify 2.0 Free themes. You can use the code below.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
@media only screen and (min-width: 990px) {
.product--stacked .product__media-item {
    max-width: 100% !important;
    width: 100% !important;
}
}
2 Likes