AFG3 Posted November 13, 2019 Share Posted November 13, 2019 Hi! I am trying to reorder my categories with CSS and I can't seem to get it quite right. I would like the categories to be (1) Top Hits, (2) Flavor of the Week, (3) Seasonal Specials, and (4) Frozen Dough. The website is available here: https://www.rebeldaughtercookies.com/cookies Any and all help is appreciated! Link to comment
tuanphan Posted November 15, 2019 Share Posted November 15, 2019 On 11/14/2019 at 5:08 AM, AFG3 said: Hi! I am trying to reorder my categories with CSS and I can't seem to get it quite right. I would like the categories to be (1) Top Hits, (2) Flavor of the Week, (3) Seasonal Specials, and (4) Frozen Dough. The website is available here: https://www.rebeldaughtercookies.com/cookies Any and all help is appreciated! On Desktop or Mobile? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
AFG3 Posted November 15, 2019 Author Share Posted November 15, 2019 19 hours ago, tuanphan said: On Desktop or Mobile? Both would be great! Link to comment
tuanphan Posted November 15, 2019 Share Posted November 15, 2019 59 minutes ago, AFG3 said: Both would be great! Add to Home > Design > Custom CSS /* Change order */ /* Flavor of the week */ li.ProductList-filter-list-item:nth-child(2) { order: 3; } /* Frozen */ li.ProductList-filter-list-item:nth-child(3) { order: 5; } /* Seasonal */ li.ProductList-filter-list-item:nth-child(4) { order: 4; } /* Top hit */ li.ProductList-filter-list-item:last-child { order: 2; } /* flex on desktop */ @media screen and (min-width:641px) { ul.ProductList-filter-list { display: flex; justify-content: center; } } /* Flex on mobile */ @media screen and (max-width:640px) { .ProductList-filter-dropdownToggle-checkbox:checked~.ProductList-filter-list { display: flex; flex-direction: column; } } 15 minutes AFG3 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
AFG3 Posted November 16, 2019 Author Share Posted November 16, 2019 Thank you! tuanphan 1 Link to comment
BrettC Posted November 21, 2019 Share Posted November 21, 2019 How do we do this if we have multiple product collections? Link to comment
tuanphan Posted November 22, 2019 Share Posted November 22, 2019 3 hours ago, BrettC said: How do we do this if we have multiple product collections? Target theme with Custom CSS. If you share link to those, i can take a look. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
schoey Posted March 22, 2020 Share Posted March 22, 2020 Trying to reorder my categories in my store... www.heroesandco.com.au password: squarespace123 I need Fizz, White, Rose, Red. Any help would be greatly appreciated Link to comment
tuanphan Posted March 26, 2020 Share Posted March 26, 2020 On 3/22/2020 at 9:23 PM, schoey said: Trying to reorder my categories in my store... www.heroesandco.com.au password: squarespace123 I need Fizz, White, Rose, Red. Any help would be greatly appreciated Can you check your site? You're Almost There... Your custom domain mapping may take as little as 15-30 minutes to resolve, but in some cases mapping a new custom domain can take up to 24 hours. If you need additional information about domain mapping, please visit our help center. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
andie1 Posted July 19, 2020 Share Posted July 19, 2020 is it possible to reorder the categories in the blog? Link to comment
tuanphan Posted July 20, 2020 Share Posted July 20, 2020 12 hours ago, andie1 said: is it possible to reorder the categories in the blog? Depending. Can you share link to blog page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
VictoriaNguyen Posted August 21, 2020 Share Posted August 21, 2020 (edited) On 7/20/2020 at 1:05 PM, tuanphan said: Depending. Can you share link to blog page? Hi @tuanphan, can you help me change the categories here? I need: "ALL, MEDIUM, SMALL, EXTRA SMALL" Then on the main page, I need the order as: "All, OCP, Black, Designer, Game, Flowers " Thanks a million in advance!! Edited August 21, 2020 by VictoriaNguyen Link to comment
tuanphan Posted August 22, 2020 Share Posted August 22, 2020 12 hours ago, VictoriaNguyen said: Hi @tuanphan, can you help me change the categories here? I need: "ALL, MEDIUM, SMALL, EXTRA SMALL" Then on the main page, I need the order as: "All, OCP, Black, Designer, Game, Flowers " Thanks a million in advance!! Can I remove dividers between categories? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
VictoriaNguyen Posted August 22, 2020 Share Posted August 22, 2020 (edited) 12 hours ago, tuanphan said: Can I remove dividers between categories? Disregard. I'm able to reorganize the Category in the new version of "product store". Edited August 22, 2020 by VictoriaNguyen Link to comment
THESTYLECO Posted September 28, 2020 Share Posted September 28, 2020 (edited) Hello @tuanphan Hoping you could provide me with the code to do a simple reorganization of my product categories for my site. I was able to find the code to hide the "All" category but can't seem to find the code for a reorganize. I would like "Fall Collection" as the first Category (as it is). "Vintage" as the 2nd Category and "Sale" as the 3rd Category. I would also love to be able to have my shoppe landing page be able to change to a specific category if possible instead of always landing on the default of all the products. Not sure if this is possible as well. I am reading above that the person was able to simply reorganize their categories through a new Squarespace feature, but I am assuming that is not available to me through my template as I do not see it. Thank you in advance. Edited September 28, 2020 by THESTYLECO 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