I would like my users to be able to conduct searches that filter in and out specific ingredients within products. For example: cleaning products type A that don’t contain ingredient B, but does contain ingredient C
At the moment I have 3 dropdowns that lets them select the category of product, and/or and ingredient to contain and an ingredient to not contain. The search works even if they have not selected both, which is good.
Next, I want them to be able to refine the results. I have created an additional ‘filter’ button, that triggers a popup which contains some checkboxes and toggles. For example, a ‘vegan’ and ‘cruelty free’ toggle, as well as specific checkboxes for ingredients. I’m struggling to get the additional filtering to work beyond the toggles, which do work right now. I’m wondering if its because I have the initial search interacting with the repeating group already? I’ve watched quite a lot of videos on this now and can’t quite work it out. I’m also wondering if it has something to do with my data set up.
One general strategy that I just learned is to save your original search results to a list in a custom state, then you can filter that list into other lists on other states before displaying that state’s list to your repeating group.
To get more specific people would probably need to see your setup in detail.
I’ve been chopping and changing things trying to get it to work for the past few days to no avail, following YT tutorials also.
Attached is a screenshot of a mockup i’m trying to re-create, only difference being I’ve decided to use a popup that includes the advanced filters, instead of the panel shown in the mockup
Goes to shop page, sees a repeating group of ALL products
Then users filters to narrow down the results (ingredients to include, exclude, vegan, cruelty free)
Be able to sort by price/date added