Support

Home Forums Event Espresso Premium Setting up specific layout of event summary and full length page

Setting up specific layout of event summary and full length page

Posted: October 18, 2015 at 7:35 pm


woodendnh

October 18, 2015 at 7:35 pm

Hi there, I’m trying to set up the courses and activites page on my site site(http://www.amsut.net.au/clients/woodendnh.org.au/index.php/home-page-kate/courses-activities/) to look like the upcoming classes page on this site: http://melbourne.lanewaylearning.com/class-category/upcoming-classes/.

I am also trying to set up an individual course page (http://www.amsut.net.au/clients/woodendnh.org.au/index.php/events/belly-dancing/) to look like this (specifically the picture, price, date, time and location info): http://melbourne.lanewaylearning.com/classes/riddles-in-wonderland-2/

My first question is is this possible in EE without code modification? If not, my second question is does anyone know how I can modify my pages to get the look I’m after please?
Thanks so much,
Kate


Tony

  • Support Staff

October 19, 2015 at 4:18 am

Hi Kate,

That looks can not be achieved without creating custom templates, so no you can not achieve that look without code modification.

If not, my second question is does anyone know how I can modify my pages to get the look I’m after please?

How comfortable are you with WordPress templates tags, PHP, HTML, CSS?

Event Espresso uses your sites theme to output the event data, both the event list (which is actually an archive) and the single events. So you would need to create custom templates for both of those (archive-espresso_events.php and single-espresso_events.php).

I would recommend taking a loot at the examples templates within /event-espresso-core-reg/public/Espresso_Arabica_2014/ but the templates will need to be based on your current theme with your modifications. Its not overly complicated, but can be confusing if you are not very comfortable working with templates.

Do you currently use a child theme?


woodendnh

October 19, 2015 at 4:26 am

Hey Tony,
Thanks so much. Yes I am using a child theme for my wordpress theme, is that what you mean or do you mean a child theme for EE? I’m okay with CSS and html editing (depending on what it is), but not that familiar with template tags, PHP etc. I’ll have a look at the templates, thanks for the suggestion. So just to confirm, I’d need to edit both the archive-espresso_events.php and single-espresso_events.php to achieve the look I’m after?

Are you also able to tell me if the ‘upcoming classes’ section of this page: http://melbourne.lanewaylearning.com/ is custom coding please and if so, which file I’d need to change to achieve that look please?

Thanks so much, you’ve been really helpful, I was getting myself very confused!!
Kate


Lorenzo Orlando Caum

  • Support Staff

October 19, 2015 at 10:43 am

Hi Kate,

We recommend using a child theme so that the customizations are not lost when you update your theme.

For example, if you installed a new WordPress theme from the WP theme directory and then added template files there, then they would be lost when you update that theme.

If a child theme is used, then the parent theme is updated and the child theme is preserved.

Please take a look at the following resource which provides an overview of how the templates work together:

https://gist.github.com/lorenzocaum/0a35fe4997992fdb1dc5

The page that you linked to (http://melbourne.lanewaylearning.com/) isn’t using a default layout from Event Espresso 4.

Our grid view template add-on has a similar layout:

https://eventespresso.com/product/eea-events-grid-view-template/


Lorenzo


woodendnh

October 20, 2015 at 3:56 pm

Thanks so much to both of you for you help! I’m much closer to the layout I’d like now, but I have another question.

The courses on my site usually run for a number of weeks. As you can see from this page, I can get the start and finish dates to show underneath the ticket box, but I’d like to move this information (including the ical feature) to replace the date and time info at the top of the page next to the picture, but keeping the formatting of the text next to the picture. How do I do this please?

Here’s an example page: http://www.amsut.net.au/clients/woodendnh.org.au/index.php/courses-activities/belly-dancing-intermediateadvanced/

Thanks so much,
Kate


Tony

  • Support Staff

October 21, 2015 at 2:41 am

How are you currently outputting the datetime details at the top of the page?

Is that a single-espresso_events.php template?

If so you can use this function:

<?php espresso_list_of_event_dates( $post->ID );?>

To output the datetimes in the same way EE does.

The support post ‘Setting up specific layout of event summary and full length 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