Events-Page with customized Filterbar

[Holger Bartels]

Hi,

we need a Eventspage with a Filterbar, where a Category / Tags and Locations are expanded and with checkboxes. Just like here on this page:

https://www.milkwood.net/courses/

Somehow I would manage the styling with CSS but I don’t know how I would realize a expanded checkbox-selection.

Thank you!
Holger

[Josh]

Hey,

Thanks for reaching out to us!

You should actually be able to handle what you’re looking for within the settings for the plugin found within your WordPress dashboard under Events > Settings > Filters tab. You configure the settings with “checkboxes” and default “open” (https://cloudup.com/c57W7m00Yyp) status for the options that you would like to display.

Let me know if this helps.

Thanks1

[Holger Bartels]

Hi,

thanks for your answer! That’s exactly how I have configured the Filterbar in the Backend.

Please check here: https://develop.dana-coaching.com/calendars

There are ‘Venues’ and ‘Categories’. They are not already expanded, instead one must click on the item to set the filter. I also do not need the ‘Narrow your results’, ‘Collapse’ and ‘Reset Filters’.

Just an expanded Filter for Categories / Venues and the ‘Update’ Button.

Thanks for your help!
Holger

[Josh]

Hey Holger,

Thanks for following up here. I tested the link you provided, however it is now going to a 404 page. I’ve tested on a local install and with that setting selectd, all of the filters show as expanded https://cloudup.com/c6A4JiNARQh.

The simplest way to remove the other elements on the page would be to use CSS to hide those elements. You could use something like:

body .tribe_events_filters_close_filters,
body .tribe-events-filters-label {
display:none;
}

Let me know if this helps.

Thanks!

[Holger Bartels]

Hi,

sry, the URL changed. The right one is:

https://develop.dana-coaching.com/events/

Your answer didn’t help. I found the right value because I sneaked the CSS from the site mentioned above.

It is:

.tribe_events_filter_item.closed div {
display: inherit !important;
}

Thx,
Holger

[Josh]

Hey Holger,

Thanks for following up! The snippets from my previous reply were in reference to the other elements that you mentioned you didn’t need displayed on the page. Looking at the expanded filters on your page now, it looks like there may be additional styling that was controlling that supplied by your active theme.

I’ll go ahead and close this thread for now. If you have any further questions, please don’t hesitate to open a new thread.

Thanks!

[Author]

Posts