How can I remove sort options in Lorenza 2.0 theme?

Store Design
1

Hello,

I’d like to remove sort by options - www.aestas.com.au

I’d like to remove:

:black_small_square: Date, old to new

:black_small_square: Alphabetically, A-Z

:black_small_square: Alphabetically, Z-A

:black_small_square: Bestsellers (or ensure it pulls correctly)

:black_small_square: Featured

Could you please let me know how to do this in the code as I am not able to find where.

I am currently working on Lorenza 2.0 theme (Lorenza version 5.1.1) and it not published just yet.

Thanks,

Ash

2

@MareeAnnCo - please add this css, this one hides date, old to new… you can change the number 7 to the number you want to hide any item. Copy this code for each item you want to hide and change number

.collection-flyout__content .filter-item:nth-child(7) {visibility:hidden; display: none;}

suyash1_0-1662089859576.png
suyash1_0-1662089859576.png1366×768 144 KB

3

Hello,

Thanks so much for replying.

In which part of the code file do I place this?

Thanks,

Ash

4

@MareeAnnCo - please add to the very end of index.css file and check

5

@suyash1 I don’t seem to have that file?

6

Ive also updated the live theme now to the new theme which is the one that does not have index.css

7

@MareeAnnCo - check theme.css / theme.css.scss/ theme.css.liquid/ style.css

one of them should be present

8

Thank you, I have pasted them into theme.css down the bottom but this has not removed them -

.collection-flyout__content .filter-item:nth-child(1) {visibility:hidden; display: none;}
.collection-flyout__content .filter-item:nth-child(2) {visibility:hidden; display: none;}
.collection-flyout__content .filter-item:nth-child(3) {visibility:hidden; display: none;}
.collection-flyout__content .filter-item:nth-child(4) {visibility:hidden; display: none;}
.collection-flyout__content .filter-item:nth-child(7) {visibility:hidden; display: none;}

9

@MareeAnnCo - this is strange, it should work

10

That is strange, unfortunately it doesn’t work.

Is there something else I can do because I really need them to be removed.

Is it also possible to change the order of them? As I’d like New Arrivals to be first on the list.

Thanks,

Ash

11

@MareeAnnCo - I cleared cache and history and it worked

suyash1_1-1662093810103.png
suyash1_1-1662093810103.png1366×768 229 KB

12

that is super strange, I’m still not able to see this?

Is there a way to get New Arrivals to be at the top of the list?

Thanks,

Ash

13

@MareeAnnCo - try this

.filter-drawer__list{display: flex;
    flex-direction: column-reverse;}
14

Thank you - I have done that but cannot see if it has worked? As mine is still showing all options and new arrivals is at the bottom

Thanks,

Ash

15

@MareeAnnCo - you will need to clear cache and history

16

I have done that however the New Arrivals is still at the bottom. Is this how it is showing for you?

Thanks,

Ash

17

@MareeAnnCo - not sure then, you are right it is not applied yet, but code is fine

may be it takes little time to load new changes on this theme, you can contact theme support to ask about it

18

Hi @suyash1

I haven’t had any luck with the theme support and even though I have cleared my history and cache it it is still appearing incorrectly for me? Could you help in anyway?

Thanks,

Ash

19

@MareeAnnCo - did you change theme layout? code is different than old layout hence it will not work on it

20

Hi @suyash1

Nope the theme I was editing it on was the Lorenza 2.0 theme - did you have the correct code I could use for this?

Thanks,

Ash