Add additional fields to search form

[Triple E Canada]

I’m trying to track down in the docs where to inject HTML code to insert additional buttons / fields into the search form at the top of the Events Calendar Pro plugin.

Here’s a link to our live events page: http://leisurevans.com/blog/events.

Our goal:
Create the absolute cleanest, simplest way for our users to dive into 1 of 2 specific categories.

I spoke to support at Modern Tribe about the Filter plugin. I tested it, and though it’s a great plugin, it was simply too much for what we were trying to do. A drop down menu, or radio button list wasn’t really our goal as it still requires 2 clicks to get anywhere and our audience is quite elderly so I’m trying to make things as simple as possible.

With that, which file would I dive into to insert 2 static buttons next to our “Find Events” (Submit) button that form? I’d like these buttons to remain in this same container and not below, to save space and keep everything consistent visually. Best practice recommendations?

Thanks so much!

[Nico]

Hi shadesofgraywpg,

Thanks for reaching out 🙂

To modify the ‘events-bar’ you can override the ‘modules/bar.php’ template, and add the extra buttons to the form.

To do so you need to copy the file ‘bar.php’ located at ‘wp-content/plugins/the-events-calendar/views/modules/bar.php’ to ‘wp-content/themes/YOUR_THEME/tribe-events/modules/bar.php’. At line 63 of this file you will find the input ‘Find Events’ and you can add the extra buttons there.

You can find detailed information about template overrides on our Themer’s Guide.

Let me know how that customization goes,
Have a great weekend,
Nico

[Triple E Canada]

Perfect, thanks so much for this! Worked like a charm.

[Nico]

Sweet 🙂

I’m closing this topic – but please don’t hesitate to create new topics if you need help with anything else.

Happy to help,
Nico

[Author]

Posts