Support

Home Forums Event Espresso Premium Display event photo

Display event photo

Posted: October 15, 2012 at 4:25 pm


Stuart Buchanan

October 15, 2012 at 4:25 pm

Thought I’d share how to display an event photo within a post page since I didn’t find clear instructions on how to do it. I created a content-single-espresso_event.php and single-espresso_event.php pointing to it. this is the code:

ID); 
    global $event_meta;
    $event_meta = unserialize($meta_values["event_meta"][0]);
    $event_meta = unserialize($event_meta);

if (isset($event_meta["event_thumbnail_url"])){
    $img1[0] = $event_meta["event_thumbnail_url"];
    $size = getimagesize($event_meta["event_thumbnail_url"],$info);
    $img1[1] = $size[0];
    $img1[2] = $size[1];
}
?>

<img src="" width="" height="" alt="" />


Chris Reynolds

  • Support Staff

October 15, 2012 at 4:57 pm

You don’t even need to do all that if you don’t want to. You can use the EE_META shortcode to pull the event_thumbnail_url, e.g.:

<img src="<?php echo do_shortcode('[EE_META type="event_meta" event_id="' . $event_id . '"name="event_thumbnail_url"]'); ?>" alt="<?php echo $event_name; ?>" />

Alternately, in your event_list.php (or registration_page.php), you could just add $event_thumb as a variable. So if I wanted to do that in the event list, I could go to lines 232 – 241 which is this:

        global $event_meta;
        $event_meta = unserialize($event->event_meta);
        $event_meta['is_active'] = $event->is_active;
        $event_meta['event_status'] = $event->event_status;
        $event_meta['start_time'] = empty($event->start_time) ? '' : $event->start_time;
        $event_meta['start_date'] = $event->start_date;
        $event_meta['registration_start'] = $event->registration_start;
        $event_meta['registration_startT'] = $event->registration_startT;
        $event_meta['registration_end'] = $event->registration_end;
        $event_meta['registration_endT'] = $event->registration_endT;

…and add one more line at the bottom, like this:

        global $event_meta;
        $event_meta = unserialize($event->event_meta);
        $event_meta['is_active'] = $event->is_active;
        $event_meta['event_status'] = $event->event_status;
        $event_meta['start_time'] = empty($event->start_time) ? '' : $event->start_time;
        $event_meta['start_date'] = $event->start_date;
        $event_meta['registration_start'] = $event->registration_start;
        $event_meta['registration_startT'] = $event->registration_startT;
        $event_meta['registration_end'] = $event->registration_end;
        $event_meta['registration_endT'] = $event->registration_endT;
        $event_meta['event_thumbnail_url'] = $event->event_thumbnail_url;
        $event_thumb = $event_meta['event_thumbnail_url'];

Then do your if ( isset($event_thumb) ) { /* display thumb */ business in the `event_list_display.php. But the easier solution would be the EE_META shortcode.

http://eventespresso.com/wiki/shortcodes-template-variables/#ee-meta

  • This reply was modified 8 years ago by  Chris Reynolds. Reason: added link to shortcodes doc


Stuart Buchanan

October 16, 2012 at 12:03 am

how do you do it outside of the event list?
within a single post page i get my event id with:

$event_id = get_post_meta($post-&gt;ID, 'event_id', true);

then i put in the following and get nothing:

&lt;img src=&quot;" alt="" /&gt;

how do i fetch my event data into an object?


Stuart Buchanan

October 16, 2012 at 12:04 am

didn’t seem to put in the code correctly. here it is again:

ID, 'event_id', true); ?&gt;
&lt;img src=&quot;" alt="" /&gt;


Stuart Buchanan

October 16, 2012 at 12:10 am

it keeps breaking the code when putting it in.
my code was just missing a space. figured it out. the solution from the list of shortcodes worked.
http://eventespresso.com/wiki/shortcodes-template-variables/#ee-meta

[EE_META type="event_meta" event_id="' . $event_id . '" name="event_thumbnail_url"];


Stuart Buchanan

October 16, 2012 at 12:13 am

is it possible to resize the image being fetched similar to what is being inserted into the functions thumbnail sizes?
add_image_size( ‘small-feature’, 500, 300 );


Chris Reynolds

  • Support Staff

November 4, 2012 at 9:15 am

Hi Stuart —

Sorry about the delay in responding. It’s not possible to use add_image_size() because the featured images in Event Espresso are not using the post thumbnail API (because events are not posts, so we can’t use it). There are a couple ways to limit the size that gets displayed:

  1. Use CSS to set the image size. This doesn’t change the actual size of the file (so if it’s a 2000K file, it will still be loading the full image, just shrunk to fit your CSS rule), but it’s a quick and dirty solution.
  2. Use the media uploader’s image sizes (thumbnail/small/medium/etc) when you are selecting your image and hitting Insert Into Post — that will use the cropped/thumbnail version instead of the full size version.

The support post ‘Display event photo’ 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.

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: closed

Updated by  Chris Reynolds 7 years, 11 months ago ago

Topic Tags

Notifications

This topic is: not resolved
Do NOT follow this link or you will be banned from the site!
[gravityform id=80 title=false description=false ajax=false]
<div class='gf_browser_unknown gform_wrapper' id='gform_wrapper_80' ><form method='post' enctype='multipart/form-data' id='gform_80' action='/topic/display-event-photo/'> <div class='gform_body'><ul id='gform_fields_80' class='gform_fields top_label form_sublabel_below description_below'><li id='field_80_1' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_1' >First name<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_80_1' type='text' value='' class='medium' aria-required="true" aria-invalid="false" /></div></li><li id='field_80_2' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_2' >Email address<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'> <input name='input_2' id='input_80_2' type='email' value='' class='medium' aria-required="true" aria-invalid="false" /> </div></li><li id='field_80_3' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >GDPR Agreement<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_checkbox'><ul class='gfield_checkbox' id='input_80_3'><li class='gchoice_80_3_1'> <input name='input_3.1' type='checkbox' value='I consent to have this website store my submitted information so they can respond to my inquiry.' id='choice_80_3_1' /> <label for='choice_80_3_1' id='label_80_3_1'>I consent to have this website store my submitted information so they can respond to my inquiry.</label> </li></ul></div></li><li id='field_80_4' class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_4' >Comments</label><div class='ginput_container'><input name='input_4' id='input_80_4' type='text' value='' autocomplete='off'/></div><div class='gfield_description' id='gfield_description_80_4'>This field is for validation purposes and should be left unchanged.</div></li> </ul></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_80' class='gform_button button' value='Download Now' onclick='if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} jQuery("#gform_80").trigger("submit",[true]); }' /> <input type='hidden' class='gform_hidden' name='is_submit_80' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='80' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_80' value='WyJbXSIsIjBiNjdjZjkyMDUzOWUxOWY5Y2NiZjIwMzM4YjA1Mjk4Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_80' id='gform_target_page_number_80' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_80' id='gform_source_page_number_80' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div><script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 80) {} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script><script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [80, 1]) } ); </script>
[i]
[i]