Skip to content

Instantly share code, notes, and snippets.

@dantetesta
Last active February 5, 2025 14:52
Show Gist options
  • Save dantetesta/18bb206dcc9bc687ff4625b7a43dbc3d to your computer and use it in GitHub Desktop.
Save dantetesta/18bb206dcc9bc687ff4625b7a43dbc3d to your computer and use it in GitHub Desktop.
wp-event-manager/templates/content-single-event_listing.php
<?php
global $post;
$start_date = get_event_start_date();
$end_date = get_event_end_date();
$start_time = get_event_start_time();
$end_time = get_event_end_time();
$address = get_event_address();
$location = get_event_location();
$separator = get_wpem_date_time_separator();
$check_ticket_visibility = get_option('event_manager_enable_event_ticket_prices_filter', true);
wp_enqueue_script('wp-event-manager-slick-script');
wp_enqueue_style('wp-event-manager-slick-style');
do_action('set_single_listing_view_count');
$event = $post; ?>
<div class="single_event_listing">
<div class="wpem-main wpem-single-event-page">
<?php
//check if event is expired/cancelled/preview mode then display message else display event details
if (get_option('event_manager_hide_expired_content', 1) && 'expired' === $post->post_status) : ?>
<div class="wpem-alert wpem-alert-danger"><?php esc_html_e('This listing has been expired.', 'wp-event-manager'); ?></div>
<?php else :
if (is_event_cancelled()) : ?>
<div class="wpem-alert wpem-alert-danger">
<span class="event-cancelled"><?php esc_html_e('This event has been cancelled.', 'wp-event-manager'); ?></span>
</div>
<?php elseif (!attendees_can_apply() && 'preview' !== $post->post_status) : ?>
<div class="wpem-alert wpem-alert-danger">
<span class="listing-expired"><?php esc_html_e('Registrations have closed.', 'wp-event-manager'); ?></span>
</div>
<?php endif;
/**
* single_event_listing_start hook
*/
do_action('single_event_listing_start'); ?>
<div class="wpem-single-event-wrapper">
<div class="wpem-single-event-header-top">
<div class="wpem-row">
<!-- Event banner section start-->
<div class="wpem-col-xs-12 wpem-col-sm-12 wpem-col-md-12 wpem-single-event-images">
<?php
$event_banners = get_event_banner();
if (is_array($event_banners) && sizeof($event_banners) >= 1) : ?>
<div class="wpem-single-event-slider-wrapper">
<div class="wpem-single-event-slider">
<?php foreach ($event_banners as $banner_key => $banner_value) : ?>
<div class="wpem-slider-items">
<img src="<?php echo esc_url($banner_value); ?>" alt="<?php the_title(); ?>" />
</div>
<?php endforeach; ?>
</div>
</div>
<?php else : ?>
<div class="wpem-event-single-image-wrapper">
<div class="wpem-event-single-image"><?php display_event_banner(); ?></div>
</div>
<?php endif; ?>
</div>
<!-- Event banner section end-->
</div>
</div>
<div class="wpem-single-event-body">
<div class="wpem-row">
<div class="wpem-col-xs-12 wpem-col-sm-7 wpem-col-md-8 wpem-single-event-left-content">
<div class="wpem-single-event-short-info">
<div class="wpem-event-details">
<div class="wpem-event-title">
<h3 class="wpem-heading-text"><?php the_title(); ?></h3>
</div>
<?php if (get_option('enable_event_organizer')) : ?>
<div class="wpem-event-organizer">
<div class="wpem-event-organizer-name">
<?php do_action('single_event_organizer_name_start'); ?>
<?php
// translators: %s is the name of the event organizer.
printf(wp_kses_post(__('by %s', 'wp-event-manager')), wp_kses_post(get_organizer_name($post, true))); ?>
<?php do_action('single_event_organizer_name_end'); ?>
</div>
</div>
<?php endif;
$view_count = get_post_views_count($post);
if ($view_count) : ?>
<div class="wpem-viewed-event wpem-tooltip wpem-tooltip-bottom"><i class="wpem-icon-eye"></i><?php
// translators: %d is the number of views for the event.
printf(esc_html(' %d', 'wp-event-manager'), esc_attr($view_count)); ?>
<span class="wpem-tooltiptext"><?php
// translators: %d is the number of people who viewed the event.
printf(esc_attr('%d people viewed this event.', 'wp-event-manager'), esc_attr($view_count)); ?></span>
</div>
<?php endif;
do_action('single_event_ticket_overview_before');
if(isset($check_ticket_visibility) && !empty($check_ticket_visibility)) :
if (get_event_ticket_price() && get_event_ticket_option()) : ?>
<div class="wpem-event-ticket-price"><i class="wpem-icon-ticket"></i> <?php display_event_ticket_price('', '', true, $post); ?></div>
<?php endif;
if (get_event_ticket_option()) : ?>
<div class="wpem-event-ticket-type"><span class="wpem-event-ticket-type-text"><?php display_event_ticket_option(); ?></span></div>
<?php endif;
endif;
do_action('single_event_ticket_overview_after'); ?>
</div>
</div>
<?php do_action('single_event_overview_before'); ?>
<!-- Event description section start-->
<div class="wpem-single-event-body-content">
<?php do_action('single_event_overview_start');
echo esc_attr(apply_filters('wpem_the_content', $event->post_content));
do_action('single_event_overview_end'); ?>
</div>
<!-- Event description section end-->
<!-- Additional Info Block Start -->
<?php
$show_additional_details = apply_filters('event_manager_show_additional_details', true);
if ($show_additional_details) :
if (!class_exists('WP_Event_Manager_Form_Submit_Event')) {
include_once(EVENT_MANAGER_PLUGIN_DIR . '/forms/wp-event-manager-form-abstract.php');
include_once(EVENT_MANAGER_PLUGIN_DIR . '/forms/wp-event-manager-form-submit-event.php');
}
$form_submit_event_instance = call_user_func(array('WP_Event_Manager_Form_Submit_Event', 'instance'));
$custom_fields = $form_submit_event_instance->get_event_manager_fieldeditor_fields();
$default_fields = $form_submit_event_instance->get_default_event_fields();
$additional_fields = [];
if (!empty($custom_fields) && isset($custom_fields) && !empty($custom_fields['event'])) {
foreach ($custom_fields['event'] as $field_name => $field_data) {
if (!array_key_exists($field_name, $default_fields['event'])) {
$meta_key = '_' . $field_name;
$field_value = $event->$meta_key;
if(isset($field_data['visibility']) && ($field_data['visibility'] == false || $field_data['visibility'] == 0 )){
continue;
}
if (isset($field_value)) {
$additional_fields[$field_name] = $field_data;
}
}
}
if (isset($additional_fields['attendee_information_type']))
unset($additional_fields['attendee_information_type']);
if (isset($additional_fields['attendee_information_fields']))
unset($additional_fields['attendee_information_fields']);
$additional_fields = apply_filters('event_manager_show_additional_details_fields', $additional_fields);
}
if (!empty($additional_fields)) : ?>
<div class="wpem-additional-info-block-wrapper">
<div class="wpem-additional-info-block">
<h3 class="wpem-heading-text"><?php
echo esc_attr('Additional Details', 'wp-event-manager'); ?></h3>
</div>
<div class="wpem-additional-info-block-details">
<?php do_action('single_event_additional_details_start'); ?>
<div class="wpem-row">
<?php
$date_format = WP_Event_Manager_Date_Time::get_event_manager_view_date_format();
$time_format = WP_Event_Manager_Date_Time::get_timepicker_format();
foreach ($additional_fields as $name => $field) :
$field_key = '_' . stripslashes($name);
$field_label = stripslashes( $field['label'] );
$field_value = $event->$field_key;
if (isset($field_value) && apply_filters('wpem_single_event_additional_detail', true, $name, $field, $event)) :
do_action('single_event_additional_details_field_start');
if ($field['type'] == 'textarea' || $field['type'] == 'wp-editor') : ?>
<div class="wpem-col-12 wpem-additional-info-block-textarea">
<div class="wpem-additional-info-block-details-content-items">
<p class="wpem-additional-info-block-title"><strong> <?php
// translators: %s is the label for the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field_label)); ?></strong></p>
<p class="wpem-additional-info-block-textarea-text"><?php
// translators: %s is the value of the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field_value)); ?></p>
</div>
</div>
<?php elseif ($field['type'] == 'multiselect') : ?>
<div class="wpem-col-md-6 wpem-col-sm-12 wpem-additional-info-block-details-content-left">
<div class="wpem-additional-info-block-details-content-items">
<?php
$my_value_arr = [];
foreach ($field_value as $key => $my_value) {
$my_value_arr[] = $field['options'][$my_value];
} ?>
<p class="wpem-additional-info-block-title"><strong><?php
// translators: %s is the label of the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field_label)); ?> -</strong> <?php printf(esc_html('%s', 'wp-event-manager'), implode(', ', esc_attr($my_value_arr))); ?></p>
</div>
</div>
<?php elseif ($field['type'] == 'select') : ?>
<div class="wpem-col-md-6 wpem-col-sm-12 wpem-additional-info-block-details-content-left">
<div class="wpem-additional-info-block-details-content-items">
<p class="wpem-additional-info-block-title"><strong><?php
// translators: %s is the label for the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field_label)); ?> - </strong> <?php
if (isset($field['options'][$field_value]))
// translators: %s is the value for the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field['options'][$field_value]));
else
// translators: %s is the label for the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field_value));
?></p>
</div>
</div>
<?php elseif (isset($field['type']) && $field['type'] == 'date') : ?>
<div class="wpem-col-md-6 wpem-col-sm-12 wpem-additional-info-block-details-content-left">
<div class="wpem-additional-info-block-details-content-items">
<p class="wpem-additional-info-block-title"><strong><?php
// translators: %s is the label for the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field_label)); ?> - </strong> <?php echo esc_attr_e(date_i18n($date_format, strtotime(esc_attr($field_value)))); ?></p>
</div>
</div>
<?php elseif (isset($field['type']) && $field['type'] == 'time') : ?>
<div class="wpem-col-md-6 wpem-col-sm-12 wpem-additional-info-block-details-content-left">
<div class="wpem-additional-info-block-details-content-items">
<p class="wpem-additional-info-block-title"><strong><?php
// translators: %s is the label for the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field_label)); ?> - </strong> <?php echo esc_attr(date($time_format, strtotime($field_value))); ?></p>
</div>
</div>
<?php elseif ($field['type'] == 'file') : ?>
<div class="wpem-col-md-6 wpem-col-sm-12 wpem-additional-info-block-details-content-left">
<p class="wpem-additional-info-block-title"><strong><?php
// translators: %s is the label for the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field_label)); ?> - </strong></p>
<div class="wpem-additional-info-block-details-content-items wpem-additional-file-slider">
<?php if (is_array($field_value)) :
foreach ($field_value as $file) :
if (in_array(pathinfo($file, PATHINFO_EXTENSION), ['png', 'jpg', 'jpeg', 'gif', 'svg'])) : ?>
<div><img src="<?php echo esc_attr($file); ?>"></div>
<?php else : ?>
<div class="wpem-icon">
<p class="wpem-additional-info-block-title"><strong><?php echo esc_attr(wp_basename($file)); ?></strong></p>
<a target="_blank" class="wpem-icon-download3" href="<?php echo esc_attr($file); ?>"> <?php esc_attr_e('Download', 'wp-event-manager'); ?></a>
</div>
<?php endif;
endforeach; ?>
<?php else :
if (in_array(pathinfo($field_value, PATHINFO_EXTENSION), ['png', 'jpg', 'jpeg', 'gif', 'svg'])) : ?>
<div><img src="<?php echo esc_attr($field_value); ?>"></div>
<?php else : ?>
<p class="wpem-additional-info-block-title"><strong><?php echo esc_attr(wp_basename($field_value)); ?></strong></p>
<div class="wpem-icon"><a target="_blank" class="wpem-icon-download3" href="<?php echo esc_attr($field_value); ?>"> <?php esc_attr_e('Download', 'wp-event-manager'); ?></a></div>
<?php endif;
endif; ?>
</div>
</div>
<?php elseif ($field['type'] == 'url') : ?>
<div class="wpem-col-12 wpem-additional-info-block-textarea">
<div class="wpem-additional-info-block-details-content-items">
<p class="wpem-additional-info-block-textarea-text"><a target="_blank" href="<?php if (isset($field_value)) echo esc_url($field_value); ?>"><?php
// translators: %s is the label for the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field_label)); ?></a></p>
</div>
</div>
<?php elseif ($field['type'] == 'radio' && array_key_exists('options',$field)) : ?>
<div class="wpem-col-md-6 wpem-col-sm-12 wpem-additional-info-block-details-content-left">
<div class="wpem-additional-info-block-details-content-items">
<p class="wpem-additional-info-block-title"><strong><?php echo esc_attr( $field_label); ?> -</strong> <?php echo isset($field['options'][$field_value]) ? esc_attr($field['options'][$field_value]) : ''; ?></p>
</div>
</div>
<?php elseif ($field['type'] == 'term-checklist' && array_key_exists('taxonomy',$field)) : ?>
<div class="wpem-col-md-6 wpem-col-sm-12 wpem-additional-info-block-details-content-left">
<div class="wpem-additional-info-block-details-content-items">
<p class="wpem-additional-info-block-title"><strong><?php
// translators: %s is the label for the field.
printf(esc_html('%s', 'wp-event-manager'), esc_attr($field_label)); ?> - </strong>
<?php
$terms = wp_get_post_terms($post->ID, $field['taxonomy']);
$term_checklist = '';
if (!empty($terms)):
$numTerm = count($terms);
$i = 0;
foreach ($terms as $term) :
$term_checklist .= $term->name;
if ($numTerm > ++$i)
$term_checklist .= ', ';
endforeach;
endif;
echo esc_attr($term_checklist); ?>
</p>
</div>
</div>
<?php elseif ($field['type'] == 'checkbox') : ?>
<div class="wpem-col-12 wpem-additional-info-block-textarea">
<div class="wpem-additional-info-block-details-content-items">
<p class="wpem-additional-info-block-textarea-text">
<strong><?php echo esc_attr( $field_label); ?></strong> - <?php
if ($field_value == 1) {
echo esc_attr("Yes");
} else {
echo esc_attr("No");
} ?>
</p>
</div>
</div>
<?php else : ?>
<?php if (is_array($field_value)) : ?>
<div class="wpem-col-md-6 wpem-col-sm-12 wpem-additional-info-block-details-content-left">
<div class="wpem-additional-info-block-details-content-items">
<p class="wpem-additional-info-block-title"><strong><?php echo esc_attr( $field_label); ?> -</strong> <?php echo esc_attr(implode(', ', $field_value)); ?></p>
</div>
</div>
<?php else : ?>
<div class="wpem-col-md-6 wpem-col-sm-12 wpem-additional-info-block-details-content-left">
<div class="wpem-additional-info-block-details-content-items">
<p class="wpem-additional-info-block-title"><strong><?php echo esc_attr( $field_label); ?> -</strong> <?php echo esc_attr($field_value); ?></p>
</div>
</div>
<?php endif;
do_action('single_event_additional_details_field_end');
endif;
endif;
endforeach; ?>
</div>
<?php do_action('single_event_additional_details_end'); ?>
</div>
</div>
<?php endif;
endif; ?>
<!-- Additional Info Block End -->
<?php do_action('single_event_overview_after'); ?>
</div>
<div class="wpem-col-xs-12 wpem-col-sm-5 wpem-col-md-4 wpem-single-event-right-content">
<div class="wpem-single-event-body-sidebar">
<?php do_action('single_event_listing_button_start'); ?>
<!-- Event registration button section start-->
<?php
$post = $event;
$date_format = WP_Event_Manager_Date_Time::get_event_manager_view_date_format();
$registration_end_date = get_event_registration_end_date();
$registration_end_date = !empty($registration_end_date) ? $registration_end_date . ' 23:59:59' : '';
$registration_addon_form = apply_filters('event_manager_registration_addon_form', true);
$event_timezone = get_event_timezone();
// check if timezone settings is enabled as each event then set current time stamp according to the timezone
// for eg. if each event selected then Berlin timezone will be different then current site timezone.
if (WP_Event_Manager_Date_Time::get_event_manager_timezone_setting() == 'each_event') {
$current_timestamp = WP_Event_Manager_Date_Time::current_timestamp_from_event_timezone($event_timezone);
} else {
$current_timestamp = strtotime(current_time('Y-m-d H:i:s'));
}
// If site wise timezone selected
if (attendees_can_apply() && ((strtotime($registration_end_date) >= $current_timestamp) || empty($registration_end_date)) && $registration_addon_form) {
get_event_manager_template('event-registration.php');
} else if (!empty($registration_end_date) && strtotime($registration_end_date) < $current_timestamp) {
echo '<div class="wpem-alert wpem-alert-warning">' . esc_html('Event registration closed.', 'wp-event-manager') . '</div>';
}
?>
<!-- Event registration button section end-->
<?php do_action('single_event_listing_button_end'); ?>
<div class="wpem-single-event-sidebar-info">
<?php do_action('single_event_sidebar_start'); ?>
<div class="clearfix">&nbsp;</div>
<!-- Event date section start-->
<h3 class="wpem-heading-text"><?php esc_attr_e('Date And Time', 'wp-event-manager') ?></h3>
<div class="wpem-event-date-time">
<span class="wpem-event-date-time-text">
<?php if($start_date){
echo esc_attr(date_i18n($date_format, strtotime($start_date))); ?>
<?php if ($start_time) {
echo esc_attr(display_date_time_separator() . ' ' . esc_attr($start_time));
}
}else{echo esc_attr('-'); } ?>
</span>
<?php
if (get_event_end_date() != '') {
esc_html_e(' to', 'wp-event-manager'); ?>
<br />
<span class="wpem-event-date-time-text"><?php echo esc_attr(date_i18n($date_format, strtotime($end_date))); ?>
<?php if ($end_time) {
echo esc_attr(display_date_time_separator() . ' ' . esc_attr($end_time));
}
?>
</span>
<?php } ?>
</div>
<!-- Event date section end-->
<!-- Event Registration End Date start-->
<?php if (get_event_registration_end_date()) : ?>
<div class="clearfix">&nbsp;</div>
<h3 class="wpem-heading-text"><?php esc_html_e('Registration End Date', 'wp-event-manager'); ?></h3>
<?php display_event_registration_end_date(); ?>
<?php endif; ?>
<!-- Registration End Date End-->
<!-- Event location section start-->
<div>
<div class="clearfix">&nbsp;</div>
<h3 class="wpem-heading-text"><?php esc_html_e('Location', 'wp-event-manager'); ?></h3>
<div>
<?php
if (get_event_address()) { ?>
<a href="http://maps.google.com/maps?q=<?php display_event_address();?>">
<?php display_event_address();
echo esc_attr(',');?>
</a><?php
}
if (!is_event_online()) {?>
<?php display_event_location();?>
<?php } else {?>
<?php esc_attr_e('Online event', 'wp-event-manager'); ?>
<?php } ?>
</div>
</div>
<!-- Event location section end-->
<?php /*event types section */ ?>
<?php if (get_option('event_manager_enable_event_types') && get_event_type($event)) : ?>
<div class="clearfix">&nbsp;</div>
<h3 class="wpem-heading-text"><?php esc_html_e('Event Types', 'wp-event-manager'); ?></h3>
<div class="wpem-event-type"><?php display_event_type($event); ?></div>
<?php endif;
/* event categories section */
if (get_option('event_manager_enable_categories') && get_event_category($event)) : ?>
<div class="clearfix">&nbsp;</div>
<h3 class="wpem-heading-text"><?php esc_html_e('Event Category', 'wp-event-manager'); ?></h3>
<div class="wpem-event-category"><?php display_event_category($event); ?></div>
<?php endif;
/* youtube video button section */
if (get_organizer_youtube($event)) : ?>
<div class="clearfix">&nbsp;</div>
<a id="event-youtube-button" data-modal-id="wpem-youtube-modal-popup" class="wpem-theme-button wpem-modal-button"><?php esc_html_e('Watch video', 'wp-event-manager'); ?></a>
<div id="wpem-youtube-modal-popup" class="wpem-modal" role="dialog" aria-labelledby="<?php esc_attr_e('Watch video', 'wp-event-manager'); ?>">
<div class="wpem-modal-content-wrapper">
<div class="wpem-modal-header">
<div class="wpem-modal-header-title">
<h3 class="wpem-modal-header-title-text"><?php esc_html_e('Watch video', 'wp-event-manager'); ?></h3>
</div>
<div class="wpem-modal-header-close"><a href="javascript:void(0)" class="wpem-modal-close" id="wpem-modal-close">x</a></div>
</div>
<div class="wpem-modal-content">
<?php echo wp_oembed_get(get_organizer_youtube($event), array('autoplay' => '1', 'rel' => 0)); ?>
</div>
</div>
<a href="#">
<div class="wpem-modal-overlay"></div>
</a>
</div>
<div class="clearfix">&nbsp;</div>
<?php endif; ?>
<?php do_action('single_event_sidebar_end'); ?>
</div>
<?php
/* social share section */
$is_friend_share = apply_filters('event_manager_event_friend_share', true);
if ($is_friend_share) : ?>
<h3 class="wpem-heading-text"><?php esc_html_e('Share With Friends', 'wp-event-manager'); ?></h3>
<div class="wpem-share-this-event">
<div class="wpem-event-share-lists">
<?php do_action('single_event_listing_social_share_start'); ?>
<div class="wpem-social-icon wpem-facebook">
<a href="https://www.facebook.com/sharer/sharer.php?u=<?php display_event_permalink(); ?>" title="Share this page on Facebook"><?php esc_html_e('Facebook', 'wp-event-manager'); ?></a>
</div>
<div class="wpem-social-icon wpem-twitter">
<a href="https://twitter.com/share?text=twitter&url=<?php display_event_permalink(); ?>" title="Share this page on Twitter"><?php esc_html_e('Twitter', 'wp-event-manager'); ?></a>
</div>
<div class="wpem-social-icon wpem-linkedin">
<a href="https://www.linkedin.com/sharing/share-offsite/?&url=<?php display_event_permalink(); ?>" title="Share this page on Linkedin"><?php esc_html_e('Linkedin', 'wp-event-manager'); ?></a>
</div>
<div class="wpem-social-icon wpem-xing">
<a href="https://www.xing.com/spi/shares/new?url=<?php display_event_permalink(); ?>" title="Share this page on Xing"><?php esc_html_e('Xing', 'wp-event-manager'); ?></a>
</div>
<div class="wpem-social-icon wpem-pinterest">
<a href="https://pinterest.com/pin/create/button/?url=<?php display_event_permalink(); ?>" title="Share this page on Pinterest"><?php esc_html_e('Pinterest', 'wp-event-manager'); ?></a>
</div>
<?php do_action('single_event_listing_social_share_end'); ?>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<?php
$post = $event;
//if organizer setting is enable then display organizer section on single event listing
if (get_option('enable_event_organizer')) {
get_event_manager_template(
'content-single-event_listing-organizer.php',
array(),
'wp-event-manager/organizer',
EVENT_MANAGER_PLUGIN_DIR . '/templates/organizer'
);
}
//if venue setting is enable then display venue section on single event listing
if (get_option('enable_event_venue')) {
get_event_manager_template(
'content-single-event_listing-venue.php',
array(),
'wp-event-manager/venue',
EVENT_MANAGER_PLUGIN_DIR . '/templates/venue'
);
}
/**
* single_event_listing_end hook
*/
do_action('single_event_listing_end'); ?>
</div>
<!-- / wpem-wrapper end -->
<?php endif; ?>
<!-- Main if condition end -->
</div>
<!-- / wpem-main end -->
</div>
<?php
$related_events_output = do_shortcode('[related_events event_id="' . get_the_ID() . '"]');
// check related events available or not
if (!empty($related_events_output)) {
?>
<div class="wpem_related_events wpem-mt-3">
<h3 class="wpem-heading-text wpem-mb-3">Related Events</h3>
<div class="wpem_related_events-slider">
<?php
// Display related events with a proper design
echo wp_kses_post($related_events_output);
?>
</div>
</div>
<?php } ?>
<!-- Related event slider override the script if needed -->
<script>
jQuery(document).ready(function() {
jQuery('.wpem_related_events-slider').slick({
arrow: true,
infinite: false,
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2
}
},
{
breakpoint: 767,
settings: {
slidesToShow: 1
}
}
]
});
});
</script>
<!-- override the script if needed -->
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.wpem-single-event-slider').slick({
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear',
adaptiveHeight: true,
responsive: [{
breakpoint: 992,
settings: {
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear',
adaptiveHeight: true
}
}]
});
/* Get iframe src attribute value i.e. YouTube video url
and store it in a variable */
var url = jQuery("#wpem-youtube-modal-popup .wpem-modal-content iframe").attr('src');
/* Assign empty url value to the iframe src attribute when
modal hide, which stop the video playing */
jQuery(".wpem-modal-close").on('click', function() {
jQuery("#wpem-youtube-modal-popup .wpem-modal-content iframe").attr('src', '');
});
jQuery(".wpem-modal-overlay").on('click', function() {
jQuery("#wpem-youtube-modal-popup .wpem-modal-content iframe").attr('src', '');
});
/* Assign the initially stored url back to the iframe src
attribute when modal is displayed again */
jQuery("#event-youtube-button").on('click', function() {
jQuery("#wpem-youtube-modal-popup .wpem-modal-content iframe").attr('src', url);
});
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment