Shopify themes, liquid, logos, and UX
Hi, I am using a filter app and I want to remove some conditions from the filter list depending on the collection. For example, in my first photo, I would like to get rid of the word "pendant". In my second photo, I would like to get rid of the word ring. Is there any way I can do this? My URL is https://a-lineage-story.myshopify.com/. Password is 'beckew' Thank you!
Solved! Go to the solution
This is an accepted solution.
Hi @adthai,
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
#gf-tree a[title="pendant"] {
display: none !important;
}
You can replace the 'pendant' with any Material you want to hide. Or if you want to hide 2 Materials, use this code:
#gf-tree a[title="pendant"],
#gf-tree a[title="women's white gold pendants"] {
display: none !important;
}
Hope it helps!
If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.
This is an accepted solution.
Hi @adthai,
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
#gf-tree a[title="pendant"] {
display: none !important;
}
You can replace the 'pendant' with any Material you want to hide. Or if you want to hide 2 Materials, use this code:
#gf-tree a[title="pendant"],
#gf-tree a[title="women's white gold pendants"] {
display: none !important;
}
Hope it helps!
If my answer can help you solve your issue, please mark it as a solution. Thank you and good luck.
Hi, thanks! It worked. I have a question that may be a bit more complex though, on my collection "men's pendants", what if I want to get rid of "women's white gold pendants" and "women's yellow gold pendants", but I on my collection "women's pendants", I want to get rid of "men's white gold pendants" and "men's yellow gold pendants?" Basically, I don't want the opposite gender's filters to pop up in that collection.
Hi @adthai,
I checked and each collection will have different body id. Refer https://i.imgur.com/Ak3Sts5.png
So you just need to add id before each code, it will work for each collection.
Ex:
#women-39-s-pendants #gf-tree a[title="pendant"] {
display: none !important;
}
Hope it clear to you.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024