Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

how to build custom filter based on the product variants option like size and color

how to build custom filter based on the product variants option like size and color

ErSanjay
Shopify Partner
324 20 47

how to build custom filter based on the product variants option like size and color.
I am using the shopify 2.0 theme.

 

need to build more custom filter.

Business Owner & Shopify Plus, Shopify app , Shopify Consultant - Full Stack Sofware Engineer
Warm regards,
Er Sanjay

If you find yourself in need of assistance with your store, don't hesitate to reach out! Feel free to send me a direct message, and I'll do my best to help you out.
Replies 2 (2)

SBD_
Shopify Staff
1831 273 421

Hey @ErSanjay 

 

The steps are documented here - https://shopify.dev/docs/themes/navigation-search/filtering/storefront-filtering

 

Let me know if you have any specific questions! 🙂

Scott | Developer Advocate @ Shopify 

ErSanjay
Shopify Partner
324 20 47

@SBD_ Thank you for your answers.

 

I want to create two separate filters on my storefront side. horizontal shows only the size option.

 

verticle filter show all the filter.


I am using the search and discovery app I can create only one filter.

I also reach out to the support team they do not help me a lot.

i see the code for that 

<form is="facets-form" {% if update_on_change %}update-on-change{% endif %} section-id="{{ section.id }}" method="GET" action="{{ request.path }}" class="facets">

 

 

 

Business Owner & Shopify Plus, Shopify app , Shopify Consultant - Full Stack Sofware Engineer
Warm regards,
Er Sanjay

If you find yourself in need of assistance with your store, don't hesitate to reach out! Feel free to send me a direct message, and I'll do my best to help you out.