Debut theme: How do I make all image sizes in Collections the same height/width?

rostebbutt
New Member
5 0 0

download - 2021-07-22T150130.765.png

0 Likes
Elias
Shopify Staff
Shopify Staff
1122 116 161

Hey, @rostebbutt.

Elias here with Shopify Support. Thank you for reaching out.

I understand you're looking to make all your product images the same size on your collection pages. While there are several different methods that you can use to make all your images the same height and width, though I do feel that taking the photos using the same aspect ratio and then re-uploading them would yield the best results. However, you can also edit the images using the image editor directly on Shopify, or you can use a photo editing program - such as Adobe Photoshop or PIXLR (free).

Alternatively, there's also third-party apps, like Photo Resize, which can help you resize all the product images automatically. If you need any help with this app, the app developer is always available to assist you. You can reach out to the developer directly through the contact information found in the Support section of their app's page. 

I'd love to know if any of these options can be a solution for you. Keep me posted!

Elias | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
rostebbutt
New Member
5 0 0

Thanks, so I can't change the CSS theme file to change the image dimensions / aspect ratio within the Debut theme?

0 Likes
MS-WEB-DESIGNER
Shopify Partner
2810 176 472

Dear @rostebbutt 

Either resize your images and upload them again or do work on css.

0 Likes
Elias
Shopify Staff
Shopify Staff
1122 116 161

Hey, @rostebbutt.

Thank you for following up!

It is possible to change the aspect ratio for your theme through CSS. However, as outlined on our design policy, this isn't something that's supported by our Theme Support team. Nevertheless, if you'd like to explore this option, you can hire a developer to assist you with this. If you don't have a developer, you can consider finding one from Shopify Experts. Shopify Experts is our directory of certified developers who are experienced with custom coding and they'll be able to help you create a custom solution for your store. 

As suggested by @MS-WEB-DESIGNER, resizing the images by retaking the pictures and uploading them again would likely yield the best results. Would this be something that you'd consider doing?

Elias | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes