Consistent image sizes on Collection pages in Simple theme

Solved
RagtagChris
Excursionist
15 0 14

Hello. Most of my images on collection pages are consistent, but occasionally I get one that really sticks out. See my example below.

I have tried resizing the image within the product page but that does not have any noticeable change other than the image gets a little blurrier. 

I'm using the Simple theme and I've been searching around about how to correct his with no luck. I would rather not pay for a plugin to do this. This should be possible without the need for a plugin.

Any help would be appreciated. Thank you.

 

Capture.JPG

KetanKumar
Shopify Partner
14414 1673 5184

Hello, @RagtagChris 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RagtagChris
Excursionist
15 0 14
KetanKumar
Shopify Partner
14414 1673 5184

This is an accepted solution.

@RagtagChris 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product__image-wrapper {
height: 180px;
    overflow: hidden;
    padding: 0 !important;

.product__image {
height: 100%;
    object-fit: contain;
}

}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RagtagChris
Excursionist
15 0 14

Wonderful! That did the trick perfectly. Thank you so much.

KetanKumar
Shopify Partner
14414 1673 5184

@RagtagChris 

Thanks for update and your compliment.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
SarahMMoore
New Member
1 0 1

I just used this on my store and it worked  perfectly too. I'm shocked. It's perfect. I thought it was too good to be true. Thank you so much! 

KetanKumar
Shopify Partner
14414 1673 5184

@SarahMMoore 

Thanks for your feedback

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes