Product Code appearing below the product name

[DC1]

Hello,

I am having trouble removing the product code from appearing below the product name. When you click on "Choose Options" button you can see the product code below the product name. I am using Trade theme. I have attached a screenshot.

Could you please tell me how to remove this product code?

[DC1]

Thank you very much!! it worked 🙂

[Vinsinfo · Accepted solution]

@DC1 Please follow below steps to remove product code in choose option pop up. Let me know whether it is helpful for you.

1. From admin go to "Online Store" -> "Themes".

2. Click action button from the current theme and select "Edit code".

3. Go to "base.css" file.

4. Paste the below code at the bottom of the file, it will hide the code from the choose options alone. If you want to also hide it in the product detail page, please let me know to provide code for that.

.quick-add-modal__content .variant-item__sku {
  display: none;
}

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[DC1]

I greatly appreciate your help. Thanks very much. It worked really well. 

[BSS-TekLabs]

- Here is the solution for you @DC1 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.quick-order-list__table span.variant-item__sku {
    display: none !important;
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.