Pop up Checkbox in Accordion

Anonymous

#249595

Hi,

I try to replicate the filter of my current website especially the Location Taxonomy pop up or dropdown effect which display a list of checkbox in accordion. This is extremely useful for a long list of locations. https://singaporeofficespaces.com/properties/

I managed to get the scrolling part works, but not the accordion and pop up effect.
I build it on my local site, so I can only share the printscreen: https://prnt.sc/t44l0u

Please advice.

Trevor

#249598

The only option we can offer, using custom CSS, is as the Genres field in our demo shows:

https://demo.searchandfilter.com/movies/

That is made using this Custom CSS:

.searchandfilter li[data-sf-field-input-type="checkbox"] ul {
    max-height: 180px;
    overflow: auto;
}

We do not have an accordion option, and I do not have any code snippets to share with you that you might be able to use.

Beware of adding/changing the HTML structure of the form and fields as this may break functionality of the plugin, which relies to some extent on the existing HTML structure of the form and fields.

Anonymous

#249607

What about the pop up effect? Is it possible? I’ve seen people succeed in doing a pop up for the entire form. I just want a similar effect for each individual field.

Trevor

#249611

It might be possible with custom coding, but I have no snippets to show you. It is something we plan for V3, but that is a couple of months away.

Anonymous

#255977

Thanks. I’ve used select2 multi-select as an alternative.
You may close this ticket.

Trevor

#255980

Thanks for letting me know. I will close this thread for now.

[Author]

Posts