Hi I want to hide product tags from showing up on the collections page. In the image you see the 30% Chetak_IL I want to hide them. My theme is classic. Thanks for your help
Topic summary
A user wanted to remove product tags (like “30% Chetak_IL”) appearing on collection pages across their entire Shopify store using the Classic theme.
Solution provided:
- Add custom CSS code to hide the tags
- Navigate to Edit code in theme settings
- Locate the theme.scss.liquid file (not theme.liquid)
- Insert the following code at the end of the file:
nav.tags {
display: none !important;
}
Initial confusion: The user first added the code to the wrong file (theme.liquid instead of theme.scss.liquid), which didn’t work.
Resolution: After correcting the file location, the solution successfully hid all product tags from collection pages site-wide. The issue is now resolved.
Hi, can you share store URL? and you want to hide this, right? https://prnt.sc/3cYMuldqs-RF
https://www.vdeliverfree.com/collections/on-sale I want to hide all the tags that are showing up on the collection page across all the site not just in this link.
Hi Sharathkatpally
- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.scss.liquid and add this code at the end of the file
nav.tags {
display: none !important;
}
Result:
Best,
Esther
1 Like
Thank you for replying. I pasted the code as you suggested. But I still the same tags https://www.vdeliverfree.com/collections/on-sale
You are in the theme.liquid file
- That code add in the file theme.css.liquid
1 Like
Thank you so much it worked.
https://www.vdeliverfree.com/collections/on-sale
I added below code in the theme.scss.liquid at the last line.
nav.tags { display: none !important; }
nice sir