Collection Page Images Not Lining Up

Topic summary

Issue: Product tiles on collection pages in the Debut theme were misaligned, causing an uneven grid.

Context and diagnosis:

  • One contributor identified varying product image dimensions as the core cause. They noted a fixed image height could force stretching/squeezing and recommended reuploading images with consistent dimensions.

Actions taken:

  • The store URL was shared for review.
  • A helper provided implementation steps: Online Store → Edit Code → theme.liquid → add custom code just above the tag. (The exact code content isn’t visible in the thread capture.)

Outcome:

  • A result screenshot showed aligned product tiles, and the original poster confirmed the fix worked.

Notes:

  • Images and a code edit are central to understanding the solution; the precise snippet isn’t shown here.
  • Alternative approach remains to standardize image dimensions at the source to avoid distortion.

Status: Resolved. No open questions or further actions indicated.

Summarized with AI on December 14. AI used: gpt-5.

Hi we are using the debut theme and i cant get the products on the collection pages to line up in unirform, i have tried a few suggestions when searching the forum but they don’t seem to be working, screenshot below, below thanks in advance,

Hello @Bilpro ,
Please sent your URL?
Thanks!

@Bilpro it is due to image sizes, need to set height for images but the issue is images will either be squeezed or stretched, hence recommend to create images with very same dimensions and reupload them

Hey @Bilpro

Share your Store URL and Password if enabled.

Best Regards,

Moeed

Hello all, URL is

https://bilpro.co.uk/

Hey @Bilpro

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

Thank you Moeed much appreciated :grinning_face:

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.