Support

Home Forums Event Espresso Premium How to display multiple events on a single page

How to display multiple events on a single page

Posted: January 16, 2018 at 5:45 pm


curiousonhudson

January 16, 2018 at 5:45 pm

I have an event with multiple events and various tickets. So far, so good. However, on the event page, the events appear in a dropdown menu and by default all events are selected. The label for this field is “Filter By.” I cannot see where in EE4 there is an option to change this; have searched forums and documentation. Can anyone help? What I really want is for all events to show at once with a checkbox to select them before selecting tickets.


Tony

  • Support Staff

January 17, 2018 at 4:15 am

Hi there,

I think you mean an event with multiple datetimes and the ‘Filter By’ section you are referring to is the date and time filter. You can change the setting to show that selector using ‘Show Date & Time Filter?’ within Event Espresso -> Events -> Templates.

Set that option to ‘Do not show date & time filter’ and save the settings.

The ticket selector will show all tickets available on the event.

What I really want is for all events to show at once with a checkbox to select them before selecting tickets.

It sounds like you have a single ticket that is available on multiple datetimes and you want to select which of the datetimes that applies to during the registration, is that right?

If so thats not how EE works, a ticket applied to multiple datetimes applies its sold value to all of the attached datetimes, you can select a specific date. To do that you would need a ticket for each of the datetimes and select the specific datetime that ticket applies to when you create the ticket.

Can you link me to your event so I can see how you have it set up?


curiousonhudson

January 17, 2018 at 7:58 am

Thank you. You are correct in your assumption of how we are trying to use EE.
We run multiple weeks of the same camp and then multiple ticket types that would apply to any one of the events. We want to allow users to select the week they wish to register for, then select the ticket type and then put all of that into a single cart transaction. So, I assume you are saying that a ticket that is linked to multiple events (Date/times) will link to all the dates/times, even if the user selects a subset of them through the filter?
Here is the link to the registration page for this business:
https://curiousonhudson.com/classes/summersteamcamp/
Appreciate your clarification on how EE would handle this.


Tony

  • Support Staff

January 18, 2018 at 3:52 am

So, I assume you are saying that a ticket that is linked to multiple events (Date/times) will link to all the dates/times, even if the user selects a subset of them through the filter?

Correct, the filter simply filters the display to show tickets that apply to the datetime selected, if all of your tickets are set on all of the datetimes they all display.

To do what you are trying to do with EE, you would need 8 x 3 sets of tickets, basically a set of tickets for each datetime you have available on the event.

For example, you would have:

STEAMPCamp AM Session (9:00-12:00)
STEAMPCamp PM Session (1:00-4:00)
STEAMPCamp Full Day Session (9:00-4:00)

Assigned to the Monday, June 25, 2018 – Friday, June 29, 2018 datetime. (You would be better adding the date in the ticket name so its clear)

Then another set for Monday, July 2, 2018 – Friday, July 6, 2018 and so on.

One problem with doing this is your going to end up with 24 tickets on a single event which is a fair amount of data to pull in on a single page load. You may be better splitting each datetime into a single event and then using the event list with the ticket selector enabled for your user to register onto.


curiousonhudson

January 21, 2018 at 3:09 pm

Thanks so much for your advice. Now that I understand the structure of EE to handle dates/times:tickets, I have a question about how you would set this up. I do need 3 ticket options for each date/time (there are 3). We use the grid setup for each event, which makes sense for mostly everything we do except this. This would create 8 separate thumbnails in the grid for each week of the camp — very confusing. Best approach would be one thumbnail that opens up to a page with links to the 8 separate date/times and their related tickets. Do you have a recommendation or example of how another user has done this? Thanks.


Tony

  • Support Staff

January 23, 2018 at 10:08 am

Which version of the grid template add-on are you using?

Have you tested that the grid will show multiple

The add-on should be pulling in instances of the events, not the individual datetimes on events. I just tested this on a test site and it show a single event for events with multiple datetimes – http://take.ms/5t3ks

Is that not happening for you?


curiousonhudson

February 5, 2018 at 7:04 pm

Hi Tony — I am just getting around to respond to this as we’ve been trying to figure out why your grid view is so different than ours. We are using Grid View Template 4.4.9+. However, it is likley that our developer customized this grid to our liking upon install (among other things, he didn’t document this and we no longer work with him). Can you point me in the right direction on this? Our goal is to have a single thumbnail in the grid link to multiple date/times for that event, even (as you say above), they are loaded on different event instances. In our case, this was necessary since (as you say above in this thread) we have 8 separate date/times each with 3 ticket options. Your thought was that this would overload a single page. Plus it is cumbersome to display as per this link:
https://curiousonhudson.com/classes/summersteamcamp/
Thank you.


Tony

  • Support Staff

February 7, 2018 at 4:55 am

Hmm, ok.

So the only way to show just a single instance of that event is to either use a single event and have all of the tickets/datetimes within a single event OR use a category (say ‘Public’) and set the 1st event (and any other event you want to display on the grid) to use that category an then call that category on the grid template.

The single event would have a high number of tickets within a single event and you server may struggle to pull all of the information from the database in a timely manner so I would recommend using the category.

Would that method work for you?


curiousonhudson

February 7, 2018 at 6:53 am

Hi Tony, I understand what you’re saying. However, I am still trying to understand what grid example was being shown at the link you provided above, i.e., http://take.ms/5t3ks

What grid/version is this? How did the multiple event/single thumbnail work in this case?
Thanks.


Tony

  • Support Staff

February 7, 2018 at 8:50 am

That is version 1.2.4.p of the Grid template, it’s the default template.

How did the multiple event/single thumbnail work in this case?

The calendar lists the events, not the datetimes within an event.

Each of the images in that list are individual, single events, regardless of how many datetimes they have in the event, they are listed once.

You currently have 3 events for the summersteamcamp:

https://curiousonhudson.com/classes/summersteamcamp/
https://curiousonhudson.com/classes/summersteamcamp-week4-6/
https://curiousonhudson.com/classes/summersteamcamp-week7-8/

That’s 3 events that will be dipslayed on the Grid template as they are 3 separate events created in EE – http://take.ms/Ndrnp

Can you post the full shortcode you are using for the Grid template? It looks like your site is loading the old template, likely the customized version from the above but it depends how its being loaded.

The support post ‘How to display multiple events on a single page’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso