creedon Posted March 3, 2023 Share Posted March 3, 2023 (edited) 6 hours ago, sarahs98 said: I want to hide the All, an also reorder the catergories What is the order you want your categories in? Quote but this second part can only be done by manually entering the URLs, correct? No. It's done by position. Please post the URL for a page on your site where we can see your issue. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/. Please set up a site-wide password, if your site is not public and you've not already done so. Post the password here. Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the site-wide password and how to share a link documentation to understand how they work. We can then take a look at your issue. You may find How to post a forum question post useful. Edited March 3, 2023 by creedon Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
sarahs98 Posted March 3, 2023 Share Posted March 3, 2023 16 hours ago, creedon said: What is the order you want your categories in? It would be great if I could get rid of the 'All' Category. I would like the order to be "Kids, Home, Personal Accessories, Wedding, Vintage" Site wide password: goshen16, the store is unlinked here is the URL https://stagecoachny.com/store Sorry my question was a little jumbled, still getting used to this forum. I appreciate the help. Link to comment
creedon Posted March 3, 2023 Share Posted March 3, 2023 4 hours ago, sarahs98 said: It would be great if I could get rid of the 'All' Category Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection. <style> .ProductList-filter-list-item--all { display : none; } </style> Quote I would like the order to be "Kids, Home, Personal Accessories, Wedding, Vintage" <!-- begin reorder store categories Version : 0.3.5 SS Version : 7.0 Template : Tremont (Tremont template family) Notes : the code is comprised of a number style tags. all of them are needed for the full effect to work code generated on 03/03/2023 02:20:57 PM by my magic table < ? > By : Thomas Creedon < http://www.tomsWeb.consulting/ > --> <style> /* rulesets just for reordering categories */ .ProductList-filter-list-item:nth-child( 2 ) { /* HOLIDAY */ -webkit-box-ordinal-group : 4; -ms-flex-order : 3; order : 3; } .ProductList-filter-list-item:nth-child( 3 ) { /* ONE */ -webkit-box-ordinal-group : 5; -ms-flex-order : 4; order : 4; } .ProductList-filter-list-item:nth-child( 4 ) { /* SALE */ -webkit-box-ordinal-group : 6; -ms-flex-order : 5; order : 5; } .ProductList-filter-list-item:nth-child( 5 ) { /* SPRING */ -webkit-box-ordinal-group : 7; -ms-flex-order : 6; order : 6; } .ProductList-filter-list-item:nth-child( 6 ) { /* WINTER */ -webkit-box-ordinal-group : 3; -ms-flex-order : 2; order : 2; } </style> <style> /* rulesets just for styling the store categories keep in mind the styling applies to categories before they are reordered so use their natural order number */ @media only screen and ( min-width : 641px ) { /* desktop */ /* by default the last category has no margin on the right. when you apply the reordering CSS then that no margin comes along for the ride. we need to get that margin back in there */ .ProductList-filter-list-item:last-child { margin-right : 25px; } /* by extension we now want to remove the right margin from whichever element is going to be last after reordering */ .ProductList-filter-list-item:nth-child( 3 ) { margin-right : 0; } } </style> <style> /* rulesets to define the base of this effect no user serviceable parts below */ /* desktop */ @media only screen and ( min-width : 641px ) { .ProductList-filter-list { display : flex; justify-content : center; } } /* mobile */ @media only screen and ( max-width : 640px ) { .ProductList-filter-dropdownToggle-checkbox:checked ~ .ProductList-filter-list { display : flex; flex-direction : column; } } </style> <!-- end reorder store categories --> Let us know how it goes. EarvinChong 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
sarahs98 Posted March 3, 2023 Share Posted March 3, 2023 Worked great! Thank you! creedon 1 Link to comment
nvllandvoid Posted November 27, 2023 Share Posted November 27, 2023 Hi, I tried this code injection and at first, it worked. But now it has reverted back to the "All" page showing, even after removing and reinstating the code. I want to remove this and make my "Ready To Ship" section the first category. Any suggestions? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment