Adding Icons under product image on collection page

Store Design

Topic summary

A user seeks help adding custom icons beneath product images on their collection page. They want to display a “drop” rating system where filled/unfilled drop icons indicate each product’s absorbency or capacity level.

Key Details:

  • Using Dawn theme
  • Icons need to vary per product (not universal)
  • Attempted solution on product template failed
  • Included screenshot example showing desired placement

Status: Question remains unanswered with no solutions or responses provided yet.

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

Hello, I’m wondering how to add icons under the image of each product. The drops are supposed to symbolise how much each product handles. So much like a “rating” it would just be drops filled or unfilled, they differ from product to product so changing the overall product template wont work. Look at examples pictured:

Screenshot 2024-02-09 at 17.11.46.png
Screenshot 2024-02-09 at 17.11.46.png662×584 147 KB

I am using the dawn theme and here is the url to my website: LumelleWear.com

Thanks for any help in advanced!!