A store owner using the Craft theme (v15.3.0) is experiencing misaligned product images on their collection page. Some images appear too large or too small, creating an uneven grid layout compared to a reference site where products align perfectly in straight rows.
Attempted Solutions:
Initial CSS code was provided to add to theme.liquid, but didn’t achieve the desired alignment
Editing images in Photopea yielded inconsistent results
The product images have transparent backgrounds with varying amounts of whitespace around the perfume bottles
Key Issue Identified:
The misalignment stems from inconsistent whitespace distribution within the product images themselves (e.g., more space at top than bottom), rather than purely a theme/CSS problem.
Proposed Solutions:
Manually center the perfume bottles within each product image and ensure consistent dimensions across all images
Adjust the Image Ratio setting in the theme customizer: Navigate to Online Store > Themes > Customize > Collections > Product card > Image ratio, and select either “Portrait” or “Square”
Status: The discussion remains open with multiple potential fixes suggested but no confirmed resolution yet.
Summarized with AI on October 27.
AI used: claude-sonnet-4-5-20250929.
Hey, so my store looks like this (1) and some of the product images are either too small or too big, I want them to align perfectly and all in the same size, I tried to fix it with photopea as well but theyre coming out different, im attaching a picture of what I want my store to look like (2), as you can see, in the second picture all the products are aligned perfectly and they dont look off, unlike mine, any help to fix it and make it look better like the one in the second picture? Thanks.
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
I tried that and it didnt work as I was expecting, take a look at this picture, I want my products to be as straight and aligned top to bottom as these ones are in the picture attached below. See how they align all in a straight line and doesnt look wonky
For that, you will have to make changes in the actual product itself because as you can see in the product image below, on top there is more white space as compared to bottom so just simply in your product picture, drag the perfume in the center and same size for all product images and then it will be good to go.
The picture has no background, its just like that, so I cant really remove the white part, the white part will always be there, I also tried removing the white part and all that happens is the image enlargens too much
You can change the settings of Product card from your store admin > Sales channels > Online Store > Themes > Customize > click Homepage dropdown > Collections > Default collection > Product grid > Product card > Image ratio, select Potrait or Square, click Save button
