Changing product background on collection page to transparent (Dawn)

Technical Q&A

Topic summary

PNG product images with transparent backgrounds appear with a white background on the collection (product listing) page, while remaining transparent on individual product pages. Environment noted as the Dawn theme.

Key context:

  • Collection page: the grid/list of products where thumbnails are shown.
  • Dawn: Shopify’s default theme; behavior difference occurs between collection and product templates.
  • PNG transparency: expected to preserve transparency but shows white specifically on the collection view.

Evidence:

  • A screenshot was provided (image attachment) illustrating the white background on the collection page; likely central to understanding the visual issue.

Latest update:

  • The original poster agreed to try or receive a proposed solution (“Yes that would be great”), but the actual fix or steps were not documented in the thread.

Status:

  • Unresolved/ongoing. No confirmed solution, settings change, or code adjustments recorded.
  • Open questions: what theme setting, CSS, or image handling on the collection template is forcing a white background, and how to enable true transparency in the product grid.
Summarized with AI on February 6. AI used: gpt-5.
1

Hi Yall!

I have uploaded png images with transparent backgrounds but for some reason seem to show a white background when on the collection page. On the individual products pages it shows transparent. Would love to know if there is a solution!

Thanks for your time :slightly_smiling_face:

Capture.PNG
Capture.PNG1384Ă—544 167 KB

2

Yes that would be great