Collection list alignment regardless of image size

BlazinRaizins
New Member
2 0 0

Hi I was wondering the best way to align products in a collection page in Shopify, I have thousands of products with different sizes of images. Example below. Thanks in advance! 

 

Screen Shot 2021-06-11 at 10.30.46 PM.png

0 Likes
HardikDavra
Shopify Partner
2334 368 1003

Hello, @BlazinRaizins 

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
BlazinRaizins
New Member
2 0 0
The site is www.rdsi.ca

0 Likes
HardikDavra
Shopify Partner
2334 368 1003

@BlazinRaizins 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

.lazyload__image-wrapper div {
padding-top: 100% !important;
}

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
g33kgirl
Shopify Partner
290 80 96

@BlazinRaizins Add this code to the end of your CSS file (Themes -> Edit code -> Assets -> theme.scss.css

 

 

.product-grid-image {
    height: 250px;
}

 

 

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
0 Likes