How to remove sku in product page, we don't want customers to see it

Shopify Discussion

Topic summary

A user wants to hide the SKU (Stock Keeping Unit) from displaying on their Shopify product pages to prevent customers from seeing it.

Solution Provided:

  • Navigate to: Online Store > Settings > Custom CSS
  • Add the following CSS code:
    .product__sku-container {
  display: none;
}

A screenshot was shared demonstrating where to implement this code. This CSS solution hides the SKU element without requiring theme file modifications.

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

For example: Our product page is showing it’s SKU. We wan’t it removed so the customers wont see.

https://www.gamekings.co.uk/collections/sale/products/call-of-duty-vanguard-xbox-one-xbox-series-x

2

Go to your online store > Settings > Custom css

and paste this code there

.product__sku-container {
display: none;

}

3

Asad24_0-1697676829595.png
Asad24_0-1697676829595.png1714×643 126 KB