how to remove the sku from being listed on the product grid page debut theme

how to remove the sku from being listed on the product grid page debut theme

Matt_Dubinsky
Excursionist
27 0 11

I am looking to remove the sku from my collection grid pages,  I don't rember if this was something that I had added so if anyone knows the name of the file and what code to look to remove that would be great.  I am using debut theme

 

see the following image from this page to see a visual representation of what im looking to remove

 

https://chelseasbeads.com/collections/new-products

 

remove.jpg

Replies 2 (2)

suyash1
Shopify Partner
10569 1306 1674

@Matt_Dubinsky - sku do not have any unique class or id, I recommend to go to product item liquid file, add some unique class / id to sku and then using css we can hide it

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

BSSCommerce-B2B
Shopify Partner
1972 564 565

Hi @Matt_Dubinsky 

You should try following the instructions below

Step 1: Go to Admin -> Online store -> Theme > Edit code

BSSCommerceB2B_0-1719028386318.png

Step 2: Search for the file theme.scss.css and add this code snippet to the end of the file

BSSCommerceB2B_1-1719028395978.png

dl:has(.product-price) {
    color: transparent;
    pointer-events: none;
    margin-top: -24px !important;
}

Result

BSSCommerceB2B_2-1719028463046.png

If it's helpful, please like and mark it as a solution, thank you

 

 

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now