• I am using a theme that has a slider built in for events, only problem I am having is the events are listed in the slider by the date they are posted. I would like to list in descending order of the event date.

    <script>
    jQuery(document).ready(function($) {
    
        var showcase_dup = jQuery('#showcase').clone();
        showcase_dup.attr('id', 'showcase-dup');
        showcase_dup.hide();
        jQuery('body').append(showcase_dup);
    
        function ShowcaseDefaults()
        {
            jQuery("#showcase").awShowcase({
                content_width:($(window).width() <= 1024) ? ($(window).width()<=745) ? 300 : 700 : 953,
                content_height:($(window).width() <= 1024) ? ($(window).width()<=745) ? 499 : 366 : 499,
                fit_to_parent:            false,
                auto:                     true,
                interval:                 6000,
                continuous:               true,
                loading:                  true,
                tooltip_width:            200,
                tooltip_icon_width:       32,
                tooltip_icon_height:      20,
                tooltip_offsetx:          18,
                tooltip_offsety:          0,
                arrows:                   false,
                buttons:                  true,
                btn_numbers:              false,
                keybord_keys:             true,
                mousetrace:               false,
                pauseonover:              true,
                stoponclick:              true,
                transition:               'fade',
                transition_delay:         300,
                transition_speed:         500,
                show_caption:             'onhover',
                thumbnails:($(window).width() <= 1024) ? ($(window).width()<=745) ? true : false : true,
                thumbnails_position:      'outside-last',
                thumbnails_direction:     'vertical',
                thumbnails_slidex:         0,
                dynamic_height:            false,
                speed_change:              true,
                viewline:                  false
            });
        }
    
        ShowcaseDefaults();
    
        jQuery(window).resize(function(){
            jQuery('#showcase').replaceWith(jQuery('#showcase-dup').clone().attr('id', 'showcase').show());
            ShowcaseDefaults();
        })
    });
    </script>
    <?php  $terms = get_terms('events');
    if(!empty($terms))
    {
        $first = array_shift($terms);
        $link =  get_term_link( $first, 'events' );
    }
    ?>
    <div class="header_slider">
        <div id="showcase" class="showcase" >
            <?php foreach ($slider['slides'] as $slide):?>
                <div class="showcase-slide">
                    <div class="showcase-content">
                        <a href="<?php echo $slide['slide_url'];?>"><img src="<?php echo $slide['slide_src'];?>" alt /></a>
                    </div>
                    <div class="showcase-caption">
                      <h4><?php echo $slide['slide_desc'];?></h4>
                    </div>
                    <div class="showcase-thumbnail">
                        <div class="showcase-thumbnail-content">
                            <h5> <a href="<?php echo $slide['slide_url'];?>" style="color:#ffffff;"><?php echo $slide['slide_title'];?></a></h5>
                            <p><?php echo $slide['slide_title2'];?></p>
                        </div>
                        <div class="slider-date">
                            <span class="month"><?php echo $slide['slide_date_month'];?></span>
                            <span class="date text_yellow"><?php echo $slide['slide_date_day'];?></span>
                        </div>
                    </div>
                </div>
            <?php endforeach;?>
            <div class="showcase-button">
                <span class="btn-up"><?php _e('UPCOMING EVENTS','tfuse');?></span>
                <a href="<?php echo $link;?>" class="btn-down"><span><?php _e('VIEW ALL EVENTS','tfuse');?></span></a>
            </div>
        </div>
    </div>
  • The topic ‘event posts to list in descending order of date’ is closed to new replies.