How to Move Filter Bar and Search Bar below all Calendar views?

[Phoebe]

Hello!

In order to make our website more mobile-friendly, we wanted to move the filter bar and calendar search bar BELOW the calendar views. We have the calendar day view as our home page, but have a months view option as well on the site at events/month. We would like any changes we make to apply to all views.
Our users mostly just browse our site for day events, and while we want to have the added feature of filter and search, its not our priority. Is it possible to somehow place it beneath the calendar views?
Any help appreciated!

[George]

Hey @Phoebe,

Thanks for reaching out!

It is unfortunately a bit of an involved process to move the filter bar/calendar search bar below the events—but it is possible.

The process requires using custom The Events Calendar and Events Calendar Pro templates. If you’re not familiar with making custom templates, then the first step here is to familiarize yourself with this system. You can do that by reading this guide on the subject here ? https://theeventscalendar.com/knowledgebase/themers-guide/

Using the methods described in that guide, make custom templates for all of the main calendar views. The files for the “Core” views—Month, List, and Day Views—exist in the core plugin The Events Calendar. The files for the “Pro” views—Photo, Week, Map—exist in the Pro plugin, Events Calendar Pro.

In all of the views, the tribe bar is echoed with code like this:


// Tribe Bar
tribe_get_template_part( 'modules/bar' );


Simply move this below the code that renders the main view content and you’re good to go!

As an example:
• Here is the existing/default version of the “Month” view file, located in The Events Calendar at /src/views/month.php ? https://git.io/vreIz
• Now here is an example of a modified version of that same file, with the bar moved below the view content ? https://git.io/vreI1

You will have to take the reins from here, as we cannot help with code customizations, but I hope the resources I have shared and the example files help you get started.

Cheers!
George

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts