0

// Add Shortcode
function tribe_latest_upcoming_event_shortcode() {
    // Get the current date
    $current_date = date( 'Y-m-d H:i:s' );
     // Query the latest upcoming Tribe event post
    $latest_event = new WP_Query( array(
        'post_type'      => 'tribe_events',
        'posts_per_page' => 1,
        'meta_key'       => '_EventStartDate', // Custom field for event start date
        'meta_value'     => $current_date,
        'meta_compare'   => '>',
        'orderby'        => 'meta_value',
        'order'          => 'ASC',
    ) );
     // Check if there are any upcoming events
    if ( $latest_event->have_posts() ) {
        $output = '<div class="latest-event">';
        while ( $latest_event->have_posts() ) {
            $latest_event->the_post();
            $img = get_the_post_thumbnail_url(get_the_ID(),'full');
            if(!empty($img)){
                $style = ' style="background-image:url('.$img.')"';
            }
            $output .= '<div class="event_root" '.$style.'><div class="event-content"><h3>' . tribe_get_start_date() . ' - '.tribe_get_start_time().'</h3>';
            $output .= '<h2>' . get_the_title() . '</h2></div></div>';
                     }
        $output .= '</div>';
    } else {
        // If no upcoming events are found
        $output = '<p>No upcoming events found</p>';
    }
     // Reset Post Data
    wp_reset_postdata();
     return $output;
}
add_shortcode( 'latest_event_c2', 'tribe_latest_upcoming_event_shortcode' );
 add_action( 'wp_footer', 'footer_script_css' );
function footer_script_css() {
?>
<style>.event_root{max-width:365px;display:flex;min-height:275px;border-radius:30px;position:relative;color:#fff;overflow:hidden;align-items:flex-end;background-size:cover;background-repeat:no-repeat}.event_root:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3)}.event-content{z-index:1;padding:25px}.event-content h3{font-size:1.2em;font-style:normal;font-weight:700;line-height:normal;margin:0}.event-content h2{font-size:1.7em;line-height:1;font-weight:700}</style>
<?php }
?>

Jagdish Sarma Asked question May 16, 2024
Add a Comment