|
kuickculture
|
December 26, 2018 at 1:48 pm
Hi there,
For some context, here’s a staging link to test an event set up:
https://dev.kuickculture.com/events/make-your-own-soap-using-herbs-out-of-your-garden/
As seen in the test event page, there will be multiple dates for an event/class. Users will be required to book ticket(s) for a particular date they wish to attend. As you can see, the page can and will become unwieldy when there is a long list of dates and that’s not even all the dates that are inserted yet.
With this scenario in mind, the booking layout and flow we would like to achieve:
> A calendar or a dropdown menu of available dates displayed on the page
> the user selects an available event date from the calendar
> the page shows the available ticket(s) for the date.
> user book tickets for the date.
As an example, one website that we know of with a similar booking flow is http://www.airbnb.com/Experiences
Being very new to EE, I’d like to know if it’s possible to achieve this workflow via custom templates, WP hooks, etc? Otherwise, are there any suggestion or recommendations that we can do to achieve this as close as possible?
|
|
Josh
|
December 26, 2018 at 2:04 pm
Hi,
There is a feature that you can use (no hooks or custom coding required) where you set a maximum number of pre-selected dates and the user can check a checkbox next to the date(s) they want to select.
You go to Event Espresso > Events > Templates then set:
Show Date & Time Filter? to Maybe
Date & Time Filter Threshold to 2 (or more)
Date & Time Filter Max Checked to 1 (or more)
then save. The user will then be presented with an option to filter/add dates.
|
|
kuickculture
|
December 26, 2018 at 2:45 pm
Thanks for the swift reply. After trying out the setting, we’re getting somewhere now!
With that setting in mind, are we able to:
1. Alter the presentation and labeling of the “Filter by Date”.
2. Hide the list of dates – as we might probably name our tickets according to date, this list feels redundant.
I’ve also found this templating documentation at https://eventespresso.com/wiki/ee4-themes-templates/. I’m just curious if we could use template tags (and/or action hooks) to achieve a highly customised layout similar as mentioned in the first post? The only thing that’s not in the documentation is the parameters (if present) and the return output of the tags.
|
|
Josh
|
December 27, 2018 at 8:00 am
Hi,
If you know how to style with CSS, you can change the presentation of the Filter by Date selector. The label can by changed by using a filter hook, you’ll follow this guide to change that and any other text strings:
https://eventespresso.com/wiki/how-to-change-wording-with-poedit/#custom-function.
If you’re looking to change the layout beyond what you can do with CSS, you can dive into the templates located in the /public/ folder of Event Espresso 4 core. Any templates you copy into your WordPress child theme will be loaded instead of the templates in the /public/ folder.
For example, if you want to remove the list of datetimes, you’ll copy over content-espresso_events-datetimes.php to your active theme, then remove the php & html that output the list of dates. Then you can replace with something else if desired.
|
