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

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

thedesignersdev
Shopify Partner
11 2 8

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.

Replies 2 (2)

thedesignersdev
Shopify Partner
11 2 8

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.26.48 am.png

 

CiCi_Nguyen
Shopify Partner
56 2 16

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

 

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
CiCi Nguyen - Content Specialist
---------------------------------------------
Boost Commerce - Boosting sales for over 13,000 active merchants
No.1 Product Filter and Search Solution for Shopify Stores