How can I add a 'sort by' option to the Dawn theme filter?

Solved

How can I add a 'sort by' option to the Dawn theme filter?

basicbastardco
Pathfinder
171 1 31

Hi guys, 

 

I would like to add sort by option into  the filter by drawer. Please see the screenshot. Where the blue mark is i want to add the sort by option there. I would appreciate your help.

 

URL: https://basicbastard.co/collections/all

 

Screenshot 2022-12-20 at 5.03.24 PM.png

Liaz
Accepted Solution (1)

LitCommerce
Astronaut
2860 684 749

This is an accepted solution.

Hi @basicbastardco,

Please follow the steps below:

- Step 1: Click 'Enable sorting' at settings.

Screenshot.png

- Step 2: Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.mobile-facets__details.js-filter.medium-hide.large-up-hide {
    display: block !important;
}
facet-filters-form.facets.small-hide {
    display: none !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 4 (4)

GemPages
Shopify Partner
5625 1261 1244

Hello @basicbastardco 

 

Your question needs Customize.
You should hire someone who knows coding or an expert in Shopify programming, they can help you with this.
In addition, you can contact the theme provider you are using, maybe they can help you fix it.

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

LitCommerce
Astronaut
2860 684 749

This is an accepted solution.

Hi @basicbastardco,

Please follow the steps below:

- Step 1: Click 'Enable sorting' at settings.

Screenshot.png

- Step 2: Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.mobile-facets__details.js-filter.medium-hide.large-up-hide {
    display: block !important;
}
facet-filters-form.facets.small-hide {
    display: none !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
basicbastardco
Pathfinder
171 1 31

Thank you so much for your help!!!!

Liaz
AnnaMaria2
Tourist
4 0 0

Is there a way to get that same appearence and behaviour on tablet and desktop screen sizes? Thank you!