Support

Home Forums Event Espresso Premium Using Event Espresso with Existing WordPress Theme

Using Event Espresso with Existing WordPress Theme

Posted: October 22, 2015 at 2:11 pm


Hideout Theatre

October 22, 2015 at 2:11 pm

Hi,

I’m having trouble understanding how to integrate Event Espresso into an existing wordpress theme that my site is using. Is there documentation somewhere that tells me what directories and files I need to add to my existing theme to customize the look of Event Espresso?

Specifically, I need to be able to change the look of the single event view post type. I see several threads that talk about how to add child themes to packaged Event Espresso themes (such as Iced Mocha) but I don’t see anything that specifies what I need to do to add Event Espresso customization to an already existing WordPress theme.

I am sure this is in the docs somewhere. I haven’t been able to find it, though. Any help would be appreciated.


Hideout Theatre

October 22, 2015 at 2:19 pm

I have read this page, but it seems like the second step after a theme already exists. I need that first step. How do I create a new theme, or add Event Espresso to my WordPress theme?

http://eventespresso.com/wiki/ee4-themes-templates/


Hideout Theatre

October 22, 2015 at 2:40 pm

I think I need to copy all the files from the built-in Arabica theme from /wp-content/plugins/event-espresso/public to my theme’s folder, adding the Event Espresso css to my theme’s css file, is that right? I am basing that on the information here:

http://eventespresso.com/wiki/setup-event-espresso-arabica-theme/


Josh

  • Support Staff

October 22, 2015 at 3:01 pm

Hi there,

I turns out that the documentation for creating a whole new theme or using the arabica theme does not apply. The steps for making changes to the single event page will vary depending on what you want to do, but I can start you with some general advise:

First, you can follow this guide to create a child theme for your existing theme:

How to create a child theme

The above first step is important so that you do not lose your customizations when you update your theme.

Then once you have your child theme activated, you copy you theme’s page.php file from your existing theme into your child theme. After you copy it over to the child theme, you rename it to be single-espresso_events.php.

From there, the sky is the limit! If you would like more specific advice on how to change a specific of the single event page, please let us know and we’ll be sure to follow up.


Hideout Theatre

October 22, 2015 at 3:35 pm

Hi,

Thanks. I think this will get me started.

What I am looking to do, in addition to just making the event page fit in with our current theme, is change the order of some of the elements on the event page.

Specifically, I want the event description text and images to be at the top, with the ticket selection UI below it. I want to hide the datetimes from being displayed (though I understand I can do that with CSS), because I am using EE for recurring events and making the ticket names match the date and time of the specific event.

I think this is best accomplished through editing single-espresso_events.php, and modifying functions.php. Is that correct? Or is there code that explicitly lays out the look of the single event display that I can edit? I am sure the code exists, I am just not sure if it is within the framework to muck around with it directly.


Hideout Theatre

October 22, 2015 at 3:40 pm

And can someone explain what a CPT is, referenced on this page? http://eventespresso.com/wiki/ee4-themes-templates/

There seems to be a lot of customization possible, but I think the methods described in that page are at a lower level than theme customization.


Hideout Theatre

October 22, 2015 at 4:18 pm

OK, after digging around a bit more, I think what I really want is to just use shortcodes, and then I can edit the look of the individual templates.

I added the ESPRESSO_TICKET_SELECTOR shortcode to an existing page in my site and now I see a ticket selector. but it is only showing one ticket type. Is there a way to make the ESPRESSO_TICKET_SELECTOR shortcode show all ticket types for the event id I specify?


Hideout Theatre

October 22, 2015 at 4:38 pm

My ESPRESSO_TICKET_SELECTOR problem was user error. My other ticket was past its sell-by time.

I need to dig into editing the display/functionality of the ESPRESSO_TICKET_SELECTOR shortcode. I think that is by far the simplest way to integrate EE into my existing site’s theme.

I’ll start another thread if I need help once I start doing that.

The support post ‘Using Event Espresso with Existing WordPress Theme’ 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: closed

Updated by  Hideout Theatre 4 years, 1 month ago ago

Topic Tags

Tagged: ,

Notifications

This topic is: resolved
Do NOT follow this link or you will be banned from the site!
[for="input_96_5_3"]
[for="input_96_5_3"]
[gravityform id=96 title=false description=false]
  • This field is for validation purposes and should be left unchanged.
[i]
[i]
[gravityform id=69 title=false description=false]
  • This field is for validation purposes and should be left unchanged.