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
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

10 minutes ago, DISHri said:

Thanks! Yeah I'm having a lot of trouble adjusting to 7.1. I will try that now.

PW is: dishri

Try this, I just wrote. 

 

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.