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.
6

Hi @Franz22 ,

If so, image will be same for all collections.

  • You can upload images in Assets, ex: image-collection.png
  • You just need to add this code in main-collection-banner.liquid file where you want to display it will work fine:

Hope it clear to you.

1 Like