How can I successfully remove SKU from the product page?

Technical Q&A

Topic summary

A user seeks help removing the SKU (Stock Keeping Unit) display from their Shopify product pages, noting that previously suggested solutions haven’t worked.

Proposed Solutions:

  • CSS Method: Add custom CSS code to hide the SKU element by targeting .product-sku with display: none !important in the theme’s CSS file (theme.scss.liquid in Assets)

  • Template Editing: Locate and delete the SKU display code in the product-template.liquid file by finding the snippet <p>SKU: {{ product.sku }}</p> wrapped in conditional tags ({% if product.sku %} and {% endif %})

Both responses provide code-based solutions but appear partially garbled in formatting. The discussion remains open with no confirmation of whether either method resolved the issue.

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

for this, go to theme>theme product-template. liquid > open the file>find this code {% if product.sku %}

SKU: {{ product.sku }}

{% endif %} and simply remove this code and save the file