Support

Home Forums Event Espresso Premium Custom Event Listing Page

Custom Event Listing Page

Posted: May 10, 2017 at 4:31 pm


TommyTrojan

May 10, 2017 at 4:31 pm

Hi, I am using EE4. I created a new page inside wordpress that displays the event listings by event category. I created the page with three columns. The first column has my own text, the second column has the event populated via the shortcode. And in the third column I want to put the date and the ‘View Details’ button. Is there any way to separate that button (which is now in the second column) to the third column along with the date?

This is what I have on the WP page now:
<section id=”fifirst”><H2>FOR MANAGERS</h2></section>
<section id=”fisecond”>[ESPRESSO_EVENTS category_slug=For_Managers]</section>
<section id=”fithird”>Third Column</section>


Tony

  • Support Staff

May 11, 2017 at 2:52 am

Hi there,

You could use CSS to move the button but it is not going to be easy to do that way when using the shortcode to output the event list.

You would need to create your own event list output which gives you full control of the output, however, it sounds you are creating something similar to how the Table View Template outputs events:

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

You could create your own custom template for that add-on with the 3 columns and output the details using that as it has all of the details you need available already.


TommyTrojan

May 11, 2017 at 10:20 am

Thanks, which file(s) would can I reference/use to create my own event list output?

And if I don’t use the shortcode, I assume you are suggesting I change one of the php files I am asking about above?

Thanks again.


Tony

  • Support Staff

May 11, 2017 at 10:52 am

Thanks, which file(s) would can I reference/use to create my own event list output?

Using the table view template?

/eea-events-table-view-templates/templates/espresso-events-table-template.template.php

You’d copy that to your theme’s root directory and edit that version, EE will load the custom version in place of the original.

And if I don’t use the shortcode, I assume you are suggesting I change one of the php files I am asking about above?

Yes, to create your own custom event list you’re going to be familiar with PHP, HTML and CSS. If you are not comfortable editing PHP files I’d recommend contacting a developer to do this for you, we have some that are familiar with Event Espresso here:

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


TommyTrojan

May 11, 2017 at 2:53 pm

Thanks, which file(s) create the event listing page in EE4 when not using the shortcodes or the table-view template? What is the default page for the event listings?


Tony

  • Support Staff

May 12, 2017 at 2:41 am

The default events list is /events/

It’s not a ‘page’ but an archive of the EE event posts.

The output is controlled by your theme, depending on how the theme is set up it should be using the archive.php template file and we inject the event details in the_content.

Changing the output of the event is not something you can easily do without at least a little knowledge of PHP and the WP templating system.

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