Sort by Price on Shop Page

To add “Sort by Price” on Shop Page Squarespace, you can follow these.

#1. Use this Filter Plugin

#2. Open Filter Documentation Page, you will see a line like this in Step 2.

#3. Hover on Shop/Store Page > Click the Gear icon

#4. Click Advanced > Page Header Code Injection

#5. Paste code you have in #2

#6. You will see Get Filter Config button > Click on It

#7. Click Copy Code

#8. Replace #5 code with #7 code

#9. You will see a result like this

#10. To remove Category, Tag, Availability, Search and keep Sort by Price only.

Find this code, change true to false

Next, remove this

If you are worried that removing these lines might break the code, you can use this code in your Custom CSS to hide them.

div.filterDropdown.name-Category, div.filterDropdown.name-Tags, .filterDropdown.name-Availability, .custom-items-search {
    display: none !important;
}
.sortDropdown ul>li:not(.price_asc):not(.price_desc) {
    display: none;
}

Result

1 Like