How do i make my products in line with eachother

Topic summary

A Shopify store owner is struggling with product image alignment on their collection pages. The images have varying sizes, causing products to display unevenly rather than in a clean grid.\n\nInitial Solutions Proposed:\n- Upload images of equal size for consistent display\n- Adjust image aspect ratio to \

Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

How do i make my product inline with each other no matter how big or small the image sizes?

an example:

my website:

Hi @eveS1

Please provide your store link to check and provide solution

https://oguntg1mtbro37pm-79314059588.shopifypreview.com

password: sss.

Hi @eveS1

This is Henry from PageFly - Landing Page Builder App

Because image 2 has a larger top padding than the rest of the products, it will not line up properly.

You should upload another image of equal size so they can be displayed better.

Hope that my solution works for you.

Best regards,

Henry | PageFly

is there a way of making the image smaller and forcing the text to be inline with each other?

https://oguntg1mtbro37pm-79314059588.shopifypreview.com

password: sss.

Go to your Online store > Themes > Customize > Collections > Default collection > Product grid > Product card > Image ratio > select Square

how do i make the images not get cropped:

Please drop your store link so I can provide the code

https://oguntg1mtbro37pm-79314059588.shopifypreview.com

password: sss.

https://oguntg1mtbro37pm-79314059588.shopifypreview.com
.
password: sss.

my website:

https://oguntg1mtbro37pm-79314059588.shopifypreview.com

the password :

sss.

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code after tag


1 Like

Thank You!

1 Like

Glad I could help!