Dawn theme: add a product DIV into product card on grid collection

Store Design

Topic summary

A user needed to add Feefo product rating stars to collection page product cards when migrating from Debut to Dawn theme. The ratings were previously displayed under product titles and prices.

Solution provided:

  • Insert the Feefo widget div into the card-product.liquid file
  • Use liquid syntax to dynamically populate the product SKU: data-parent-product-sku="{{ card_product.id }}"
  • Alternative approach suggested using: data-sku="{{ card_product.selected_or_first_available_variant.sku }}"

Outcome:
Both solutions were confirmed working by different users, successfully replicating the Debut theme functionality in Dawn.

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

Hi,

We currently have product ratings (from Feefo) under our product title and price on our collection pages in the Debut theme, I’m hoping to do the same but on our new Dawn theme. I’ve tried to place the div into card-product.liquid in multiple places for Dawn but have had no luck so far. Anyone have any ideas?

This is what I need to put in:

Current site in Debut: https://www.albaray.co.uk/collections/top-rated showing it in action

Preview site in Dawn: https://kguq4d48iy6mg5zl-52868284602.shopifypreview.com/collections/top-rated

Thanks!

2

Hi @CloYou ,

Please change code:

=>

it will work fine

3

Thank you, works perfectly!

1 Like
4

This worked for me: