Display sku on product grid in Collection Page for Dawn 2.0

Topic summary

A user seeks code to display product SKU above the product name on collection page product grids in Dawn 2.0. They also ask how to reposition the Brand/Vendor name above the product name.

Proposed Solution:

  • Edit card-product.liquid in Snippets
  • Insert specific code before the heading element (screenshot provided showing placement)
  • For multiple variants, use a for loop to handle SKU display

Issue Reported:
One user implemented the solution but encountered a formatting problem where the SKU displays in inverted commas (“1234”) instead of plain text.

The discussion remains open with the formatting issue unresolved.

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

What code needs to be inserted in Snippets > card-product.liquid in order to get the Product SKU to appear above the product name? Can you provide the code and the location? Separately, if I wanted to move the Brand/Vendor name and have it appear above the product name, how can I do that ?

Hello @greenonions ,

  1. Go to edit card-product.liquid.

  2. Add this code before heading.

If you have multiple variants you can use for loop for this.

  1. Same liquid file, Cut this code and above the product name

I did this, but the SKU shows in inverted commas (“1234”)?