Support

May 31, 2023 at 6:50 pm

Hello, I guess this is both a suggestion and a question.

I use page builders such as Divi for a lot of my clients projects. In doing so I’m often faced with issues when trying to integrate Event Espresso into the themes Template Builder.
The issue is two fold:

1. As far as I can see, none of the available shortcodes execute for ‘the current’ post so it’s not possible to simply put for example [ESPRESSO_TICKET_SELECTOR] inside a single event template as it requires the event_id attribute
2. There are no shortcodes for the other components: Description, Venue, notifications, etc.

Here’s my question – I’ve done the following to create my own module shortcodes but is there a better/more appropriate/more EE way to do this?

Tickets – this one was easy

I’m just fetching the current post id and then verifying that we are on a single event and then calling the EE shorcode with either the current post id or an input post id.

// Tickets
// [dsl_ee_single_tickets]
add_shortcode( 'dsl_ee_single_tickets', 'dsl_ee_single_tickets_cb' );
function dsl_ee_single_tickets_cb($attributes = array())
{
    //get current post ID
    $event_id = get_the_ID();

    // clean atts 
    $a = shortcode_atts( array(
        'event_id' => $event_id,
    ), $atts );

    $tickets_html = null;

    // check if EE is running and this is a single event page 
    if (  class_exists( 'EE_Addon' ) && is_single() && 'espresso_events' == get_post_type() ) {

        //call EE shortcode processor using current post ID  or passed in post ID
        $tickets_html = do_shortcode("[ESPRESSO_TICKET_SELECTOR event_id={$event_id}]" );

        
    }

    return $tickets_html;

}

Date-times, venue, header, thumbnail
I don’t like this but it works. I’m sure there is a better way.
For these, they all follow the same patter. I’m just checking we are on a single event and then fetching the relevant template part.. exactly as EE does…kinda.

// Date Times
// [dsl_ee_single_datetimes]
add_shortcode( 'dsl_ee_single_datetimes', 'dsl_ee_single_datetimes_cb' );
function dsl_ee_single_datetimes_cb( $atts ){

    // clean atts 
    $a = shortcode_atts( array(), $atts );

    $ee_datetimes = null;
    // check if EE is running and this is a single event page 
    if (  class_exists( 'EE_Addon' ) && is_single() && 'espresso_events' == get_post_type() ) {
        $ee_datetimes = EEH_Template::get_template_part( 'content', 'espresso_events-datetimes', array(), true );
    }
    
    return $ee_datetimes;
}

Description
Again, I don’t like this but it works.
Because EE filters the_content and adds all the custom fields into the_content you cant just output the_content() or use the EE template as the above example because it’s not modular – you end up with everything in there. So I’m just fetching get_the_content()..

// Details
// [dsl_ee_single_details]
add_shortcode( 'dsl_ee_single_details', 'dsl_ee_single_details_cb' );
function dsl_ee_single_details_cb( $atts ) {
    // add_filter( 'FHEE__EED_Event_Single__template_include__allow_custom_selected_template', '__return_true' );
    // clean atts 
    $a = shortcode_atts( array(), $atts );

    $content = wpautop( get_the_content() );
    

	return $content;
}

So is there a better way to do this?

Here’s my suggestion – probably guessed already…
Can you please create modular shortcodes for each event component that, when used without ad ID parameter, will fetch the current events details.
This would make EE integration with Theme Builders so much better.

Incidentally, as per a previous post from yesterday, there are issues with the shortcodes running inside Theme Builders anyway. Other plugins don’t have this problem. I’ve had to add some PHP to enqueue css and js on Theme Builder pages because EE doesn’t automatically do so for shortcodes called on those pages.