We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How can I separate filter and sort options on my website?

How can I separate filter and sort options on my website?

doorstepdrip
Excursionist
45 0 10

Hi, I’m looking to separate the filter and sort on my website so they are two separate boxes. I’d like it to look like this:

F5C7D472-908B-4397-AB3F-9914B6EDED3D.jpeg

and for the sort by to open like this:

F0A338DC-CA7C-46E9-BC60-477E7B79FB6F.jpeg


my website is doorstepdrip.com/collections/mens

using studio theme. 
any help would be much appreciated 

saon
Reply 1 (1)

minhcu
Shopify Partner
61 0 3

Look for the .mobile-facets__sort in the liquid file, and take it out to the element menu-drawer, after that, you just need some CSS.
If that is too much work. Maybe look for some dev or simply use some 3rd filter app. They are willingly to custom it for you, just test out this one https://apps.shopify.com/ultimate-search-and-filter-1

 

Don't stop grinding