Removing product SKUs

Last updated

Product SKU (stock keeping unit) is an identification code for a product and it helps track the item for inventory. Product SKUs are displayed in Ecwid in the following places:

  • product details page
  • Place Order page
  • Thank you for your order page
  • invoice page

If you want to hide products’ SKU everywhere in the customer area of your Ecwid store, disable it in your Ecwid Control Panel → Design, the Product Details' page settings section:

Hide SKU 

If you want to keep SKUs displayed in some of the mentioned places (while hiding it in the others) then use the code below depending on the page where you need to hide the SKU. 

See out guide on how to add CSS codes to your store theme.

Hide SKU on the product details page

div.ecwid-productBrowser-details-rightPanel div.ecwid-productBrowser-sku {
display: none;
}

Hide SKU on the Place order page

table.ecwid-Invoice-itemsTable .ecwid-productBrowser-sku {
display: none;
}

Hide SKU on the Thank you for your order page

div.ecwid-Invoice span.ecwid-Invoice-productDescr-sku {
display: none;
​}

Hide SKU on the printable invoice template

Please, refer to the following article to learn how to edit your invoice templates.

To hide the product's SKU in particular places of your store choose the corresponding rules from the list above and add them to the end of your custom CSS theme.

Back to top
Has the article answered your question?

Please send us that question. We will be happy to help by email.

Send a message