Support

Home Forums Event Espresso Premium Event Templating

Event Templating

Posted: May 10, 2015 at 11:54 pm


hojati

May 10, 2015 at 11:54 pm

Hello Folks,

how do i change the generated HTML Code for the Shortcodes for example “[ESPRESSO_EVENTS]”

Is there i way to link to a view that contains all Events of a catergory. Then how do i do that?

Greetz


Lorenzo Orlando Caum

  • Support Staff

May 11, 2015 at 8:20 am

Hi Hojati, you can do that by using the category_slug parameter on the shortcode.

Displays a list of events from a specific category on a WordPress page or post.

[ESPRESSO_EVENTS category_slug=”free-events”]


Lorenzo


hojati

May 13, 2015 at 12:43 am

So how do i change the Design / html code of this shortcode?


Dean

May 13, 2015 at 5:17 am

Hi,

It really depends on what you are trying to achieve.

For example, if you are wanting to re-order things, you can use the template tags or filters to achieve that:

Template tags: https://eventespresso.com/wiki/ee4-themes-templates/
Example filter: https://gist.github.com/joshfeck/1151c89082ccb5c0b478

If it’s the surrounding HTML, then once again the template tags could be used in a custom template, so for example in https://eventespresso.com/wiki/ee4-themes-templates/ it gives the example of copying your archives.php and renaming it archive-espresso_events.php and using template tags within your own HTML structure.

Modifying the template tags themselves is somewhat harder: some are “pluggable” functions can can be swapped out with your own versions, others are not.

So I think the question still remains: what exactly are you trying to achieve?


hojati

May 14, 2015 at 5:59 am

I want to change the HTML Code that is generated by this shortcode:

[ESPRESSO_TICKET_SELECTOR event_id=”4289″]

http://snag.gy/jSHou.jpg

I want the red Tickets not to be displayed since they or not or anymore on sell and i want to remove the blackboxed elements.


Lorenzo Orlando Caum

  • Support Staff

May 14, 2015 at 9:16 am

Alright, the template for the ticket selector / pricing option selector can be changed but keep in mind that changes here will apply site-wide.

In this case, I would use a line of CSS to hide the expired tickets:

/* Hide ticket options with a status of expired */
.ticket-sales-expired {display:none;}

More information on other statuses are available here:

https://gist.github.com/lorenzocaum/7c1d3dce3c9efe486361

You can hide the show more details link by turning off that option in Event Espresso –> General Settings –> Templates –> Ticket Selector.


Lorenzo


hojati

May 26, 2015 at 4:07 pm

So right now i want to change how the events are displayed and therefore i need to add some JavaScript and change the HTML output of the categories shortcode. How do i do that?

I want to display the dates for a categorie in a table with a Checkbox at the beginning. If something is selected the right Formular should be displayed.

http://prntscr.com/79rwkp


Lorenzo Orlando Caum

  • Support Staff

May 26, 2015 at 4:32 pm

Hi Hojati, we won’t be able to provide how to guidance on writing custom coding for the templates. However, we do try to provide a starting point where possible and we have a new resource that explains how the templates work together:

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

If you need help setting up some logic based on a selection, then please check with an Event Espresso professional here:

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


Lorenzo


Lorenzo Orlando Caum

  • Support Staff

November 18, 2015 at 8:50 am

Hello again Hojati,

As of Event Espresso 4.8.21, there is a custom display re-order option available in the WordPress dashboard.

Backup your WordPress and update your software

https://eventespresso.com/wiki/how-to-back-up-your-site/

You can see the change log for Event Espresso 4 here:

https://eventespresso.com/wiki/ee4-changelog/

Remove existing filters for adjusting the order

If you have used some of the suggested filters to adjust the order of your event elements, then you’ll want to first remove those from your website and they may have been added to your child theme’s functions.php file or a site specific plugin.

Set a custom order through the Templates screen

Afterwards, go to your WP dashboard (WP-admin) –> Event Espresso –> Events –> Templates. The Use Custom Display Order options in the Templates screen can be used to reorder the events elements on the single event page as well as the events listing page.

Again, be sure that any of the filters for adjusting the order have been removed from your site specific plugin or your child theme’s functions.php file before turning on the template reorder option. Otherwise, you may see duplicate content.

Thanks


Lorenzo

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