Reorder Categories

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 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?

19 hours ago, tuanphan said:

On Desktop or Mobile?

Both would be great!

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

Thank you!

How do we do this if we have multiple product collections?

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.

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

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.

is it possible to reorder the categories in the blog?

12 hours ago, andie1 said:

is it possible to reorder the categories in the blog?

Depending. Can you share link to blog page?

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!!

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?

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".

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.