How can I insert text next to SKU in product info?

Store Design
,

Topic summary

A user wants to add the text “SKU:” before the SKU number in their product information section.

Solutions Provided:

  • CSS approach: Add custom CSS targeting .product__sku::before with content: "SKU: ";

  • Liquid template editing: Locate the product-template.liquid file in the theme sections, find the SKU display code (typically {{ product.variants.first.sku }}), and manually add “SKU:” text before the variable output.

Ongoing Issue:

One user using the Dawn theme successfully displays the SKU number but cannot get the “SKU:” label to appear. They want to maintain uppercase text styling and prefer implementing this via custom liquid input if possible. The discussion remains open with this unresolved case.

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

niceeee_0-1682390276250.png
niceeee_0-1682390276250.png1626×783 176 KB

as you can see I want to add a text named "SKU: " in the product info

url; FLSUN Speeder Pad Ultra-fast touchscreen for FDM printers – testing (makerlab-electronics-ph.myshopify.com)

pass: saboten

2

Hi, you can add this code to do that

.product__sku::before {
content: "SKU: ";
}
3

Hello @niceeee ,

You can try to follow these steps:

  • Go to Online Store → themes → actions → edit code
  • Go to sections → go to product-template.liquid file (or something named similar)
  • Locate the code for the product SKU. It should look something like this:
{% if product.variants.size == 1 %}
  

{{ 'products.product.sku' | t }}: {{ product.variants.first.sku }}

{% endif %}
  • Edit the code to include the "SKU: " text, like this:
{% if product.variants.size == 1 %}
  

SKU: {{ product.variants.first.sku }}

{% endif %}
  • Save and preview

Hope this can help. Let us know if you have any further questions.

Ali Reviews team.

4

Hi !

I tried looking at the code, but I can’t seem to get it to work. I am using the dawn theme, added the SKU number in, the number is showing up on the website correctly. However can’t get the text “SKU:” to show up.

This is what my code looks currently in the product page. The additional problem is I would like to keep the uppercase font style.

If its possible to do so via a custom liquid input that would be appreciated as an option.

Any help would be appreciated,

},
“sku_BxNYHx”: {
“type”: “sku”,
“settings”: {
“text_style”: “uppercase”
}