How to add a dropdown for prices "High to Low

To add a dropdown for prices “High to Low” or “Low to High”, 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 price Low to High or High to Low only

You can use this to Custom CSS box.

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