Custom Calendar Carousel

[Ben]

I am in the process of modifying the grid/table view for a calendar slider for my school’s home page. I am really close to getting this to work, I just need some assistance modifying the PHP code to have the calendar display properly. What I am looking for is for the calendar to only display starting with today’s date and extending forward 14 days. Right now it displays from day 1 of the month and stops displaying at the end of the month. If the calendar were to work now it would display a box with Aug. 29 and a list of events, then Aug. 30 and its list of events, all the way through to Sept. 11. Here is a link to the initial HTML demo of the calendar (http://www.mckinneyisd.net/flex2/calendar.html).

I already have the grid view displaying in horizontal divs and am able to populate the dates with ECP content. I also already have the featured events content working.

Thanks in advance for your help.
Ben

[Jonah]

Hi Ben,

What I would suggest doing is using a custom query and passing in a start/end date so you can get your range of dates. If you look at our documentation on tribe_get_events (https://theeventscalendar.com/support/documentation/the-events-calendar-template-tags-general-functions/#functiontribe_get_events) the second query example shows how you can pass in a start/end date to affect the query. That should get you going in the right direction.

I hope that helps but let me know if you need anything else.

– Jonah

[Ben]

I did see that example. I was unable to get the calendar to display like the grid calendar does. I needed to show a single date then all of the events for that date then the next date etc. How do I go about creating that format?

Thanks,
Ben

[Jonah]

Hi Ben,

I’m sorry, I can’t help you with specific customization questions like this. You’ll need to either do the work on your own or hire someone to be able to code what you’re looking for. Good luck!

Regards,
Jonah

[Author]

Posts