Jump to content

How to reorder the category list from my shop page – Alameda Template

Recommended Posts

Site URL: https://dish.squarespace.com/shop

Hi –

Website PW: dishri

I'm trying to reorder the categories on my shop page using the Alameda Template. I know that by default it's alphabetized but the code I tried to insert didn't reorder it the way I wanted? Anyone have some custom code that works to override?

Here's the link to the page I'm working on: https://dish.squarespace.com/shop

I'd like to change the order of the categories to:

1. ALL
2. TOPS
3. BOTTOMS
4. DRESSES
5. ACCESSORIES
6. JEWELRY
7. FOOTWEAR
8. SALE

 

Here is the custom code I have in there now that isn't working:

@media screen and (min-width:641px) {
.category-nav-links {
    display: flex !important;
    justify-content: center;
}
/* all */
.category-nav-links>li:nth-child(1) {
    order: 1;
}
/* Accessories */
.category-nav-links>li:nth-child(2) {
    order: 6;
}
/* Bottoms */
.category-nav-links>li:nth-child(3) {
    order: 2;
}
/* Dresses */
.category-nav-links>li:nth-child(4) {
    order: 3;
}
/* Footwear */
.category-nav-links>li:nth-child(5) {
    order: 5;
  }
/* Jewelry */
.category-nav-links>li:nth-child(6) {
    order: 6;
    }
/* Sale */
.category-nav-links>li:nth-child(7) {
    order: 8;
      }
/* Tops */
.category-nav-links>li:nth-child(8) {
    order: 1; margin: 0 25px 0 0;
}
}

Link to comment
  • Replies 3
  • Views 371
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.