Product thumbnail on collection pages are not aligned in a row

Store Design

Topic summary

Product thumbnails on a Dawn theme collection page appear misaligned because product images were uploaded in mixed dimensions and aspect ratios. Misalignment occurs when some images are square (e.g., 400x400) while others are rectangular (e.g., 400x300); aspect ratio is the width-to-height relationship of an image.

Suggested fixes:

  • Standardize all product images to the same dimensions before uploading (e.g., all 400x400 px), or ensure they all share the same aspect ratio (preferably 1:1).
  • Use the Photo Resize app to automatically convert images to square, at a low per-image cost; the app can be removed after processing.
  • Hire a developer to modify the collection grid behavior in the theme if you prefer not to change images.

No decisions or actions confirmed by the original poster. The issue remains open pending image standardization or theme customization.

Summarized with AI on January 6. AI used: gpt-5.
1

my website is thekurtalady.com and i am using the dawn theme. The collection pages https://thekurtalady.com/collections/festive-wear-indian-women-kurtis you will observe that the items are not aligned in a row and i am doubting what is causing it?

2

The issue is that you’re using product images that are not the same size when you upload them to Shopify.

You have three options for fixing this:

1 - Edit all of your product images so that they’re all the same size, before uploading them to Shopify. (Ex. if one product image is 400x400 px, then you should make all of your other product images 400x400 px).

2 - Use the Photo Resize app (https://apps.shopify.com/photo-resize-by-pixc) to automatically make all of your images square. The exception to the rule I’ve outlined above (option/solution #1) is if all of your product images are the same aspect ratio. So for example, you can have one image be 400x400, and then another be 600x600, as they’re both perfectly square (ie. 1:1 aspect ratio) … but you don’t want to have some product images being 400x400 and then others being 400x300 … that’s how you’ll end up with misaligned collection pages. The photo resize app will handle this automatically for you, and only charge you a couple bucks to do it (~$0.05 USD per image). You can delete the app after it’s finished editing all of your product images, if you don’t want to pay the monthly fee every month.

3 - Hire a custom coder (https://www.shopify.com/partners/directory/services/store-setup/customize-theme) to change the way your collection pages work with your theme.