MANY Filter Bar Configuration Quesitons

[fifteen15studios]

Hi! I hope I’m not breaking any rules by asking a bunch of questions in one post, but here I go.

How do I set a “from this to this” type of date search? It seems to do this in the example and on some other sites I’ve seen, but I can find nowhere in the options nor in the documentation. I’d like to set a date range, to search from one date to the other.

Is there a way to make all the vertical options either open or shut upon opening the page? For example, I want to open my menu and see “Price” with the price slider on display, but have the option to shut it, and the “Tags” to be closed but have the option to open it?

Is there a way to turn off the “close filter bar” option? I would like it to be ever present.

Is there a way to make my own buttons and checkboxes for the filters? For example, let’s say I want to put a view change link in the footer to open up the map view. I can’t do that because I need to call the Ajax which loads the page and preserves all my search variables. How do I write a code to do that? Also, let’s say I want to make a custom header which allows me to choose a price for which to search. How could I replicate the price search functionality outside the filter bar?

Thanks!!
Brendan

[Brook]

Howdy Brendan,

It’s nice to meet you. I’d love to help answer those questions. We typically do try to keep topics focused on a single question, but that’s okay.

How do I set a “from this to this” type of date search? It seems to do this in the example and on some other sites I’ve seen, but I can find nowhere in the options nor in the documentation. I’d like to set a date range, to search from one date to the other.

The Filter Bar does not quite include a date range style search. It does allow you to search for events from x date forward, but no end date. It also allows you to filter events to a day of the week or time of the day.

Is there a way to make all the vertical options either open or shut upon opening the page? For example, I want to open my menu and see “Price” with the price slider on display, but have the option to shut it, and the “Tags” to be closed but have the option to open it?

There isn’t an option to do this, yet. That would make a great feature request. Please suggest it over on our UserVoice feature suggestion page. To be honest that horizontal Filter Bar layout is not something we’re super proud of UX wise, and would love some feedback on how to improve it.

Is there a way to turn off the “close filter bar” option? I would like it to be ever present.

Absolutely. Add this line to your CSS and it will hide the button:

a#tribe_events_filters_toggle {
display: none;
}

Is there a way to make my own buttons and checkboxes for the filters? For example, let’s say I want to put a view change link in the footer to open up the map view. I can’t do that because I need to call the Ajax which loads the page and preserves all my search variables. How do I write a code to do that? Also, let’s say I want to make a custom header which allows me to choose a price for which to search. How could I replicate the price search functionality outside the filter bar?

You could extend the filter class to add your own filters to the Filter Bar or elsewhere. Adding them to the Filter Bar is somewhat easy via this method, you just add the new filter and class to the Filter Bar filters array. Adding them elsewhere might be a bit more difficult, you might need to load some extra dependencies. When you try to load it it will throw up an error message indiciating which dependencies are missing, and you could include them from there.

If you want to include a view switcher in the footer, that’s a whole different ball game. The easiest way to do this would probably be to copy the JS function from our tribe bar JS and modify it to apply to a difference elements ID, such as your new view switched in the footer.

Does that all make sense? Does that answer your questions? Please let me know.

Cheers!

– Brook

[fifteen15studios]

It answers them well enough. It’s a good starting point! Thanks! I appreciate it!

[Brook]

You are welcome! Let us know if you ever have any more questions. Cheers!

– Brook

[Author]

Posts