How To Make All The Product Images The Same Size

Topic summary

Goal: standardize product image dimensions across Shopify product listings.

  • Original poster can’t find theme.scss.css in Assets (screenshots provided). A CSS-based fix was suggested: add rules in component-product-listing.css to force a fixed image height (300px) and a square aspect ratio for cards.

  • Another suggestion: use the Theme Editor path Online Store > Themes > Customize > Theme settings > Setup for Product Card to enable same-size images. (“Product Card” refers to the product tile; CSS refers to the stylesheet controlling appearance.)

  • Follow-ups: several users report they cannot find component-product-listing.css or the “Product Card” option in their themes. Mentioned themes with issues include Impulse and Dawn, indicating differences across third‑party themes.

  • One Dawn user added code in multiple places without effect and now sees squiggly warnings in theme.liquid, fearing they introduced errors.

Status: unresolved. Key open points are where to apply CSS or which setting to use in specific themes; theme-specific guidance or support may be required.

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

Hi,

I’m having the same issue that I’m trying to get all my photos to be the same size. I added the code to several spots but it is still not fixing the problem. I have the theme Dawn. And now the theme.liquid page has a whole lot of squiggle lines in the code. I’m scared I might have messed it up.