Support

Home Forums Event Espresso Premium Event List Layout

Event List Layout

Posted: July 21, 2017 at 11:22 pm


rhumphrey

July 21, 2017 at 11:22 pm

Hi guys, firstly loving this product, only issue for me is to change the way the event list and the single event page looks. im not a good coder and would like some pointers on where best to start, here is an image of what i would like to achive for my events lists as you can see there is a search or filter option at the top of the list and then some key information that i would like to display.

if there is any exmaples of code already out there that i can look at and then modify to what i need that would be awesome.

Thank you so much.


rhumphrey

July 21, 2017 at 11:23 pm

Layout Sample


Tony

  • Support Staff

July 24, 2017 at 9:01 am

Hi there,

firstly loving this product

Great! I’m glad you like it 🙂

only issue for me is to change the way the event list and the single event page looks

The output for both of those sections is controlled by your theme. EE basically hooks in and injects the event details into the_content for the archive listing (event list) and single posts (single event view) so to change the output you’ll need to create your own custom templates for your theme, which leads on….

im not a good coder and would like some pointers on where best to start,

The changes you’re looking to make will require HTML, CSS and PHP knowledge, if you’re not confident with any/all of those then you will need to hire a developer to do this for you.

First you need a child theme for your current theme:

https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/

Then for the event list you need to copy your themes archive.php template file to your child theme, then rename the copy to archive-espresso_events.php

Then the same for single.php, copy and rename the copy to single-espresso_events.php

From there you have full control of the output but there’s nothing we can use as a demo to help you very much here as it is based on your theme.

The Event Table Template is a little close to your example but would still need custom development – https://eventespresso.com/product/eea-events-table-view-template/

You could purchase that add-on and look through the code, then create your own template from that however you would likley be much better finding a developer who can do this for you (we provide support for EE but not for customizations).

We have a list of some familiar with Event Espresso here:

https://eventespresso.com/developers/event-espresso-pros/


rhumphrey

July 24, 2017 at 8:51 pm

Hi

thank you for your imput really appreciated and helps me more than you think, i do have one more question though, when compiling the pages to my style and requirements, where do i find the tag information for the data i want to display in the pages? is a there a list of them somewhere.


rhumphrey

July 25, 2017 at 2:55 am

also one other thing while i think about it, i am using the shortcode on a page, so it formats good and follws the layout, which template do i need to edit, ie which file is called via the shortcode, so i can make a copy of this and place it in the child theme i have, also do i need to add anything to the function.php file in the child theme to reference these files, im currently using the osmosis theme, so not sure if you know or have experience with this theme. thanks

Ryan


Tony

  • Support Staff

July 25, 2017 at 10:05 am

Hi Ryan,

Where do i find the tag information for the data i want to display in the pages? is a there a list of them somewhere.

Not currently.

The easiest way to find what info you have is to use Kint Debugger plugin then wrap the $post or $event variable you are using to view all of the available properties/method for that object.

We also have some template tags available within:

\event-espresso-core-reg\public\template_tags.php

also one other thing while i think about it, i am using the shortcode on a page, so it formats good and follws the layout, which template do i need to edit, ie which file is called via the shortcode

If creating custom templates why use a shortcode and not a custom query?

For example – https://gist.github.com/joshfeck/0ac4ccfadc051d30fce561aab8ea59d1

But to answer your question the template is content-espresso_events-shortcode.php, not your starting to get into heavy customizations here which may end up causing your problems if you not confident working with these templates.

also do i need to add anything to the function.php file in the child theme to reference these files

Nope, EE is smart enough to know to look within your child theme (if using one), then the parent for templates that we allow you to override.

The support post ‘Event List Layout’ 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