How can I hide certain sorting options in the Warehouse theme?

[Thodoris]

Hi,

I am using Warehouse theme and i want to hide some of the sorting options from the dropdown menu.

I would really appreciate it if someone could help me.

[PageFly-Richard · Accepted solution]

Hi @Thodoris ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

/* Featured  */
.value-picker__choice-list [data-value="manual"] {
    display: none;
}

/* Best selling  */
.value-picker__choice-list [data-value="best-selling"] {
    display: none;
}

/* Alphabetically, A-Z  */
.value-picker__choice-list [data-value="title-ascending"] {
    display: none;
}

/* Alphabetically, Z-A  */
.value-picker__choice-list [data-value="title-descending"] {
    display: none;
}

/* Price, low to high  */
.value-picker__choice-list [data-value="price-ascending"] {
    display: none;
}

/* Price, high to low  */
.value-picker__choice-list [data-value="price-descending"] {
    display: none;
}

/* Date, old to new  */
.value-picker__choice-list [data-value="created-ascending"] {
    display: none;
}

/* Date, new to old  */
.value-picker__choice-list [data-value="created-descending"] {
    display: none;
}

NOTE:The css code above has 8 sort items. If you want to delete an item, copy the corresponding css code for it

I hope it would help you
Best regards,

Richard | PageFly

[Thodoris]

It works! Thanks you very much.