How can I conceal SKU on my product page?

Store Design

Topic summary

A user seeks to hide the SKU (Stock Keeping Unit) from their Shopify product pages.

Proposed Solutions:

Multiple community members suggest CSS-based approaches:

  • Add custom CSS code to hide elements with class .product-single__type or similar SKU-related classes
  • Navigate to: Online Store > Themes > Actions > Edit Code > Assets > theme.css (or theme-style.css)
  • Insert display:none CSS rules at the bottom of the stylesheet

Alternative Method:

  • Locate product-template.liquid in the Sections folder
  • Comment out or remove the {{ product.sku }} liquid tag

Implementation Issues:

The original poster reports difficulty finding the suggested CSS file and indicates the CSS solution isn’t working for their setup. One responder notes this may be due to a custom theme, which could require theme-specific documentation or have built-in SKU visibility settings.

Status: Unresolved - the user has not confirmed a working solution. Screenshots were shared to illustrate the code editing process, but compatibility with the user’s specific theme remains unclear.

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

How can I hide SKU from my product page https://restor.pk/

1 Like
2

hi @Aliza11 go in you theme code editor and look for your product page template and remove the sku liquid tag, in should be in a

html tag with the following class: “product-single__type”

3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme-config.css and paste this at the bottom of the file:
.product-info .product-single__type {
display: none!important;
}

ZestardTech_0-1674114802306.png
ZestardTech_0-1674114802306.png1727Ă—586 43.6 KB

4

@ZestardTech Can’t find this ( Find Asset >theme-config.css and paste this at the bottom of the file:)

5

@ZestardTech did this but it’s not working

6

To hide the SKU (Stock Keeping Unit) from your product pages in Shopify, you can follow these steps:

  1. Go to your Shopify admin panel and click on “Online Store” and then “Themes”

  2. Click on the “Actions” button next to the theme you want to edit, and then select “Edit Code”

  3. In the “Sections” folder, find the “product-template.liquid” file and open it

  4. Look for the code that displays the SKU on the product page. It should look something like this:

    {{ product.sku }}

  5. Add a comment tag to the line of code that displays the SKU. This will make it invisible on the frontend.
    {% comment %}

    {{ product.sku }}

    {% endcomment %}

  6. Save the changes and preview the product page on your store to make sure the SKU is no longer visible

  7. If everything looks good, you can publish the changes.

    It’s important to note that this method may not work if you are using a custom theme or an app that modifies the product page. In that case, you will need to consult the documentation for your specific theme or app to see if there is a built-in option to hide the SKU.

7

Hi @Aliza11

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_1-1674116496933.png
EBOOST_1-1674116496933.png1511Ă—574 99.8 KB

  1. Assets/theme-style.css
  2. Add code below to bottom of file

EBOOST_0-1674116419307.png
EBOOST_0-1674116419307.png892Ă—477 5.03 KB

  1. Add code below to bottom of file
May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Assets/theme-style.css
3. Add code below to bottom of file

.product-single .product-single__detail .product-info p.product-single__type {
	display: none;
}

Because your theme is a custom theme. So I can’t suggest you remove code in the liquid file.