Images on collection page is too small

Tourist
5 0 0

The product images in my Collection page are too small. How do I make them larger? there are 3 in a row right now.

 

Check here: https://www.evomotionshop.com/collections/all-evo-x-parts

Thank you!

0 Likes

Hello 
You want to display two products per row?

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Expert
665 170 199

Hi, @Furqan_Hameed ,

This is Evita from On The Map.

 

It looks like your images are too small, I can add CSS code, to make the images larger, but the quality will be really low. Maybe you can upload bigger images?

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
5 0 0

No I need bigger images on collection page

0 Likes
Shopify Expert
665 170 199

Do you want to upload bigger images or add CSS code? With CSS images would be big but the quality of images would be low.

 

If you choose the CSS then add this code to Assets/theme.scss.liquid file at the bottom.

.product-card__image-wrapper img {
    height: 13rem;
}
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like

Hello
Add this css at the bottom of:

Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

img.ls-is-cached.lazyloaded {
    width: 190px!important; 
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
5 0 0

0 Likes