Jump to content

Reorganised categories in Brine, code please

Recommended Posts

Site URL: http://www.ottocento.co.uk

Hi, I'm trying to reorder the categories from my collection page. I know that by default it's alphabetized but is there a code that I can use to fix this? 

The order I would like my categories to go in are as follows:

20th Century, 19th Century, Old Masters, Contemporary, Works on Paper, Works under £1000, Treasures, Large Works

(Gap if possible)

Abstract, Art Deco, Belle Epoque, Classical, Expressionist, Impressionist/Post Impressionist, Modern British, Orientalist, Pop Art, Pre-Raphaelite, Surrealist, Symbolist, Traditional

(Gap if possible)

Figurative, Landscape, Townscape, Maritime, Nudes, Still Life

 

Link to comment
  • Replies 6
  • Created
  • Last Reply

Yes. Thanks I saw 1 hour ago

I guess it will take time, used to solve some similar cases, so will check at the weekend. 😂

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
4 hours ago, Louise Andrews said:

Thank you!  I will look forward to hearing from you.  Have a great weekend!

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) {
/* set flex for filter */
ul.ProductList-filter-list {
    display: flex;
    flex-direction: column;
}
/* reorder all items */
/* you need to set order for all item in filters list to code work */
/* abstrack */
.ProductList-filter-list-item:nth-child(3) {
    order: 1;
}
/* 19 century */
.ProductList-filter-list-item:nth-child(2) {
    order: 2;
}
/* Old Masters */
.ProductList-filter-list-item:nth-child(18) {
    order: 3;
}
}

Do similar for all items

You need to set order for all items to code work

 

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

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.