How can I add an image above the header on my collection page?

Store Design
,

Topic summary

A user wants to add a horizontal banner image above the collection title on their Shopify store using the Dawn theme, separate from the square collection image.

Initial Solution:

  • Edit sections/main-collection-banner.liquid
  • Upload image to Assets (e.g., image-collection.png)
  • Add code at line 6: <img src="{{ 'image-collection.png' | asset_url }}">
  • This approach successfully displays the same banner across all collections

Unresolved Follow-up:
Another user asks how to add different horizontal banners for each collection, rather than one universal image. They want a second image field per collection—the existing square collection image displays correctly in homepage lists but not as a collection page header. No solution has been provided yet for collection-specific banners.

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

Hi @Franz22 ,

Please go to sections/main-collection-banner.liquid file and add code in line 6.

Refer https://i.imgur.com/3GZ3cII.png

Hope it clear to you.

1 Like