lincoln 1 Share Posted May 6, 2020 Site URL: https://www.drinkstrolley.com.au/shop Hi, Has anyone been able to hide certain categories in their store page? If so, how? I'm struggling with code, etc to make it happen. Am trying to hide 'the vault' category on the shop page - but still have it work (as it's part of a hidden/password page https://www.drinkstrolley.com.au/shop Thanks Link to post
0 tuanphan 8,990 Solution Share Posted May 6, 2020 Add to Home > Design > Custom CSS .products.collection-content-wrapper .category-filter-item:nth-child(15), .products.collection-content-wrapper .category-filter-item:nth-child(15)+span { display: none; } lincoln 1 You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 lincoln 1 Author Share Posted May 6, 2020 legend, thanks Tuan! - always a great help. last question - my objective with the above request is to hide a category, but also hide the product associated with that category with the shop. i have the regular store, but i also have a hidden area on the site where we had other products (filtered by the hidden category) to buy. can i keep the other products from showing up in the regular store? or do i need to create a new store within the site? Thanks Tuan Link to post
0 lincoln 1 Author Share Posted May 6, 2020 Tuan, again, to the rescue. For the second part - the above question - he gave me the below code, which worked great Add to Home > design > custom CSS .category-the-vault.grid-item { display: none; } Link to post
0 FelixCollier 0 Share Posted October 4, 2020 (edited) Hi I'm trying to do this as well but can't seem to get the code to work, no idea what I'm doing to be honest..! Trying to hide the category and products in "Digital" : https://www.felixcollier.co.uk/gallery Any help would be greatly appreciated. On 5/6/2020 at 9:29 AM, tuanphan said: Add to Home > Design > Custom CSS .products.collection-content-wrapper .category-filter-item:nth-child(15), .products.collection-content-wrapper .category-filter-item:nth-child(15)+span { display: none; } Edited October 4, 2020 by FelixCollier Link to post
0 tuanphan 8,990 Share Posted October 8, 2020 On 10/4/2020 at 9:52 PM, FelixCollier said: Hi I'm trying to do this as well but can't seem to get the code to work, no idea what I'm doing to be honest..! Trying to hide the category and products in "Digital" : https://www.felixcollier.co.uk/gallery Any help would be greatly appreciated. Add to Gallery Page Settings > Advanced > Header <style> nav.category-nav { display: none; } </style> lincoln 1 You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
0 deandra.olivieri 0 Share Posted December 2, 2020 Hey @tuanphan I'm trying to make this work for my site https://www.simplybeautifuldecor.ca/shop I want to hide the category "Debutante". Can you help? Above code isn't working for me. Thank you!!! Link to post
0 creedon 420 Share Posted December 2, 2020 (edited) Add the following to Store Settings > Advanced > Page Header Code Injection. <style> /* hide debutante */ .ProductList-filter-list-item:nth-child( 3 ) { display: none; } </style> This is for a v7.0 site using the Brine template and is customized for @deandra.olivieri's needs as of this posting. This CSS is hiding debutante based on position in categories. If the categories change then the position will need to be updated. Let us know how it goes. Edited December 4, 2020 by creedon fixed syntax error Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need. Link to post
0 deandra.olivieri 0 Share Posted December 2, 2020 Hey @creedon thanks for this! FYI for other's readying this—the code did not work under Store Settings > Advanced > Page Header Code Injection. It did however, work when I simply inputted .ProductList-filter-list-item:nth-child( 3 ) { display: none; } Under Design > Custom CSS. Thank again!! D Link to post
0 creedon 420 Share Posted December 4, 2020 On 12/2/2020 at 5:14 AM, deandra.olivieri said: the code did not work I fixed a syntax error so it should now work in the original intended location. Either works really just depends on how one wants to organize their code. Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need. Link to post
Question
lincoln 1
Site URL: https://www.drinkstrolley.com.au/shop
If so, how? I'm struggling with code, etc to make it happen.
Link to post
Top Posters For This Question
3
2
2
2
Popular Days
May 6
4
Dec 2
3
Dec 4
1
Oct 4
1
Top Posters For This Question
lincoln 3 posts
tuanphan 2 posts
deandra.olivieri 2 posts
creedon 2 posts
Popular Days
May 6 2020
4 posts
Dec 2 2020
3 posts
Dec 4 2020
1 post
Oct 4 2020
1 post
Popular Posts
tuanphan
Add to Home > Design > Custom CSS .products.collection-content-wrapper .category-filter-item:nth-child(15), .products.collection-content-wrapper .category-filter-item:nth-child(15)+span {
tuanphan
Add to Gallery Page Settings > Advanced > Header <style> nav.category-nav { display: none; } </style>
9 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment