Need a way to remove sku from product pages

Hello!

We are currently using the Ultimate theme. We use custom Skus to locate our products and unfortunately they show up on product pages such as in this one https://weswearbuyit.com/products/1e-pathfinder-adventure-ruins-of-azlant-beyond-the-veiled-past

How do we hide the SKUs from the product page? I have tried searching the forums for the solution and have tried multiple copy pastes of code and nothing has worked.

Thanks for reading.

#add-item-form .sku{
  display:none !important;
}

Put this code at the bottom of ultimate.css

1 Like

Hello @Swearingame

It’s GemPages support team and glad to support you today.

  1. Go to Online Store β†’ Theme β†’ Edit code
  2. Open your ultimate.css file and paste the following code below:
form[action="/cart/add"] .product-options .sku{
  display: none;
}

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

1 Like

@Swearingame
Hello,

#add-item-form .sku {
	display: none;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->ultimate.scss.liquid

like this

1 Like