Support

Home Forums Event Espresso Premium Custom Event Template

Custom Event Template

Posted: March 24, 2020 at 8:30 am


youtech2012

March 24, 2020 at 8:30 am

Recently my company partnered with a third party mail house and event registration software. They have provided us with a code snippet that can be placed and renders a registration form for a specific event in their backend. I’m wondering if there is a way to have two single event templates in event espresso one that displays the default registration form and holds the registrations in our WordPress site, and one where I can add the code snippet with the ability to change the event id on the front end.

Here is a link to a event with the form embedded in the text of the event. ** redacted **

Ideally, the form would replace the ticket selector in the top right on this page

  • This topic was modified 4 years ago by  Josh. Reason: removed link to staging site


Josh

  • Support Staff

March 24, 2020 at 10:58 am

Hi,

It’s possible to create a custom event template. The documentation has information on how to get started:
https://eventespresso.com/wiki/ee4-custom-post-types/#single_event_template

With regards to having two different templates, you could do that, but you’d need to remember to switch the template selector within the event editor.

Another approach you could take that doesn’t involve any custom coding would be to set the “Display Ticket Selector” option to No within the event editor. Then add your embed code to the event’s description.


youtech2012

March 24, 2020 at 11:02 am

If I do the second option can I turn it on and off for some events or is it an all or nothing fix?


Josh

  • Support Staff

March 24, 2020 at 11:29 am

There’s a Display Ticket Selector setting within each event, so yes you can leave it on for some events and turn it off for other events.


youtech2012

April 14, 2020 at 7:36 am

Hey Josh,
Is there specific tags to move content on the single event page around? For example, I want to move the Featured image, author image, and the Event Info around. But I can’t find a way to move those tags around on the page. This is what my page looks like now **redacted**

And this is what I would like it to look like: https://drive.google.com/file/d/12hUL-og5Pu7uX3FEuYbK1JRj6i4Wkx-c/view?usp=sharing

  • This reply was modified 4 years ago by  Josh. Reason: removed link to staging site


Josh

  • Support Staff

April 14, 2020 at 8:46 am

Hi,

The featured image location is controlled by your WordPress theme. There may be some documentation with your WordPress theme that explains how to move the featured image.

The event information can be moved via the settings located in Event Espresso > Events > Templates. You’ll set Use Custom Display Order? to Yes, then click, drag, and drop the items under the Display Order heading.

FYI I couldn’t see your screenshot because it’s set up to require permission to vies.


youtech2012

April 14, 2020 at 9:14 am

https://projects.invisionapp.com/share/WRWUXNCX43K#/screens

Can you see this one?


Josh

  • Support Staff

April 14, 2020 at 2:02 pm

Yes I can.

What you could do is order the main items like this:
Event Description
Dates and Times
Venue Information
Ticket Selector
People

Then, to achieve a two column layout like in the screenshot, you can add the following CSS to your custom stylesheet:

@media only screen and (min-width: 960px) {
.espresso_event_type-single-event .event-content {
width: 49%;
float: left;
padding-right: 30px;
}

.espresso_event_type-single-event .event-datetimes,
.espresso_event_type-single-event .espresso-venue-dv,
.espresso_event_type-single-event .event-tickets,
.espresso_event_type-single-event .eea-people-addon-event-people-list-single {
float: right;
clear: right;
width: 49%;
padding-left: 30px;
}
}

The support post ‘Custom Event Template’ 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