Resize product images so they are all the same size in DAWN theme.

Store Design

Topic summary

A user seeks help making product images display uniformly across their Dawn theme store, as current images appear in varying sizes (square and rectangle) on collection pages and throughout the site.

Initial Suggestion:

  • Support recommends selecting “portrait” ratio in theme settings
  • User confirms this doesn’t resolve the issue, as they need consistency across all website sections (dropdown menus, featured collections, etc.), not just specific areas

Solution Provided:
Custom CSS code targeting collection pages:

  • Insert code snippet between <head> tags in theme.liquid file
  • Access via: Shopify Admin → Online Store → Theme → Edit code
  • Search for theme.liquid file and paste the provided markup

Status: User thanks support for the correction, suggesting the solution was successfully implemented. The fix applies specifically to collection template pages using conditional liquid markup.

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

Hi!

Can I please have some code to add my store so that all the product images display the same size.

They are currently all different sizes , some square some rectangle when clicking on ’ Shop All’ or within a certain collection. I would like them all the same size accross the board.

Please see photo below of different size images- I would like them all rectangle so they look more professional.

RC94_0-1725668084614.png
RC94_0-1725668084614.png1196×524 488 KB

website :

Charlie Helena Collection- Mum & Babe Outfits |Accessories | Boho Rugs – Charliehelenacollection

1 Like
2

Hi @RC94 , You try to select portrait

BSSCommerceHDL_0-1725670685687.png
BSSCommerceHDL_0-1725670685687.png1847×748 224 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

Hi Jessica this didn’t work unfortunately, Is this where it was supposed to be pasted? Is the code correct?

RC94_0-1725682386501.png
RC94_0-1725682386501.png1005×627 41.5 KB

4

I am wanting it to be the consistent size on all sections of my website not just a certain section for example, every drop down menu, featured collection etc which is why I was hoping for some code :slightly_smiling_face:

5

Hi @RC94 ,

{% if template.name == 'collection' %}

{% endif %}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

6

Where am I putting this code? theme.liquid or css file?

7

@RC94 Oh sorry. I missed it

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag

8

Thank you Jessica for correcting this for me !