Shopify Dawn - Filter Navigation (filter by price as checkboxes)

Retired Boards Appdev Store Design
1

Hi dev team,

Is there any way to code the filter by price navigation to show as checkboxes like the other filters (size, color).

Eg, I would like it to look like.

PRICE

$50 - $100

$100 - $150

$150 - $200

Instead of the current typing of a price input.

Thanks very much.

2

I figured it out.

I can use metafields to create custom filter navigation.

I added a metafield called price.

Then I added that to the Navigation Filter options in the settings.
Then i just type in the metafield on the product page whichever value i want it to show in eg 50 - 100

Screen Shot 2021-10-27 at 8.25.34 am.png
Screen Shot 2021-10-27 at 8.25.34 am.png717Ɨ174 7.45 KB

Screen Shot 2021-10-27 at 8.26.48 am.png
Screen Shot 2021-10-27 at 8.26.48 am.png1535Ɨ408 27.7 KB

3

Hi @thedesignersdev

Iā€™m CiCi Nguyen from Boost Commerce, which is the creator of Product Filter & Search - a solution that grows more sales for online stores by optimizing the product discovery experience. Back to your question, our app allows merchants to display price (a filter option) as a list with checkboxes as the image shows in the filter tree settings. Our app Product Filter & Search app now supports Shopify Online Store 2.0 and theme app extension.

Screen Shot 2021-11-15 at 16.27.06.png
Screen Shot 2021-11-15 at 16.27.06.png2420Ɨ1516 210 KB

If my answer helped you, please like and accept it as a solution.

Boost Commerce - Boosting sales for over 10,000 active merchants

Website | Facebook | Twitter | LinkedIn | Youtube

Boost Commerce - Boosting sales for over 11,000 active merchants

1 Like