Show SKU numbers on product pages - Dawn 2.0

Store Design

Topic summary

Users are seeking methods to display SKU numbers (and variant SKUs) on product pages in Shopify’s Dawn 2.0 theme. The original poster found existing documentation but it only applied to vintage themes, not Dawn 2.0.

Working Solution (Posts #5-6):

  • Add custom Liquid code block to display SKU/barcode fields
  • Modify global.js file by locating the onVariantChange() function and adding updateSku() and getSku() functions
  • This enables SKUs to update dynamically when customers select different product variants without page refresh

Extensions & Variations:

  • Solution successfully adapted to also display barcodes (post #6)
  • Can be extended to show inventory quantities using variant.inventory_quantity (posts #7-8)
  • Works with any variant attributes from Shopify’s Liquid API

Recent Issue (Posts #24-25):

  • In Dawn 2.0.15+, the onVariantChange() line no longer exists in global.js
  • Code comments indicate this was intentionally refactored (line 757)
  • Multiple users report the solution no longer works on current Dawn versions
  • Status: Unresolved - community seeking updated workaround for latest Dawn theme versions

Minor Issues Resolved:

  • Zero inventory displaying as blank (post #10-11)
  • SKU disappearing for non-first variants (post #21)
  • Products with only SKU or only barcode not displaying correctly (post #22)
Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
23

Hey! Im trying to follow this one, but on the global.js i can’t find the onVariantChange() line. Im using Ella Theme and not Dawn maybe that’s why?

Any other workaround on this for other theme?

I also cannot find the product.liquid and product-template.liquid.