Hi, I was looking for solutions on how to change the sizes of collection images in my Shopify store. I use Dawn 2.0 theme and all of my images are in different sizes in product collections. You can see an example here: https://bella-lv.myshopify.com/collections/gela-nagu-lakas How can I resize al…

@snaiperix yes, please try this code Go to Online Store->Theme->Edit code Asset->/base.css ->paste below code at the bottom of the file. .card--product .media { padding-bottom: 100% !important; } .card--product .media>img { object-fit: contain !important; }

Thanks, it worked perfectly for me!

When I apply this code, it definitely makes all the images the same size. However, it makes the images slightly blurry. Is there a fix so the images don’t appear blurry but are all the same size?

@smandabach 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.

Thank you. it is https://timber-hill-apparel.myshopify.com/

How to change collection picture sizes in Dawn 2.0 theme?

Store Design

KetanKumar January 19, 2022, 12:58pm 4

@snaiperix

its my pleasure to help us

Topic		Replies	Views
How can I align product pictures in the Dawn Theme? Store Design	5	162	March 23, 2022
Simple Theme: Make Images all the same size on collection pages and product page Store Design	55	381	April 19, 2024
Dawn Theme - Resizing Product/Collection Images and Thumbnails Store Design	7	84	November 30, 2021
Dawn - Product image sizes in collection page Store Design	6	74	February 7, 2022
Decrease the image size on collection pages Dawn Theme Store Design	12	127	February 25, 2024

How to change collection picture sizes in Dawn 2.0 theme?

Related topics