Ethos Carousel Advance Every Couple Seconds?

Support
#1

Hi - I was wondering if it was possible to have the carousel automatically advance to the right every couple seconds? I searched through the support questions, but wasn’t able to find an answer. Than you in advance for any help you can provide. - Matt

#2

Hello,

You can check this article: https://theme.co/apex/forums/topic/ethos-post-carousel-auto-sliding/#post-146383

#3

Tried your link, but got this: Oops! That page doesn’t exist or is private.

#4

Couldn’t figure out how to upload the php file, so here it is (copied and pasted):

<?php // ============================================================================= // VIEWS/ETHOS/_POST-CAROUSEL.PHP // ----------------------------------------------------------------------------- // Outputs the post carousel that appears at the top of the masthead. // ============================================================================= GLOBAL $post_carousel_entry_id; $post_carousel_entry_id = get_the_ID(); $is_enabled = x_get_option( 'x_ethos_post_carousel_enable', '' ) == '1'; $count = x_get_option( 'x_ethos_post_carousel_count' ); $display = x_get_option( 'x_ethos_post_carousel_display' ); switch ( $display ) { case 'most-commented' : $args = array( 'post_type' => 'post', 'posts_per_page' => $count, 'orderby' => 'comment_count', 'order' => 'DESC' ); break; case 'random' : $args = array( 'post_type' => 'post', 'posts_per_page' => $count, 'orderby' => 'rand' ); break; case 'featured' : $args = array( 'post_type' => 'post', 'posts_per_page' => $count, 'orderby' => 'date', 'meta_key' => '_x_ethos_post_carousel_display', 'meta_value' => 'on' ); break; } ?> <?php if ( $is_enabled ) : ?> 
<?php $wp_query = new WP_Query( $args ); ?>

<?php if ( $wp_query->have_posts() ) : ?>
  <?php while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>

    <li class="x-post-carousel-item">
      <?php x_ethos_entry_cover( 'post-carousel' ); ?>
    </li>

  <?php endwhile; ?>
<?php endif; ?>

<?php wp_reset_query(); ?>

<script>

jQuery(document).ready(function() {
  jQuery('.x-post-carousel').slick({
    infinite       : true,
    speed          : 500,
    slide          : 'li',
    slidesToShow   : <?php echo x_get_option( 'x_ethos_post_carousel_display_count_extra_large' ); ?>,
    slidesToScroll : 1,
    autoplay       : true,
    autoplaySpeed  : 2000,
    responsive     : [
      { breakpoint : 1500, settings : { speed : 500, slide : 'li', autoplay : true, autoplaySpeed : 2000, slidesToShow : <?php echo x_get_option( 'x_ethos_post_carousel_display_count_large', '4' ); ?> } },
      { breakpoint : 1200, settings : { speed : 500, slide : 'li', autoplay : true, autoplaySpeed : 2000, slidesToShow : <?php echo x_get_option( 'x_ethos_post_carousel_display_count_medium', '3' ); ?> } },
      { breakpoint : 979,  settings : { speed : 500, slide : 'li', autoplay : true, autoplaySpeed : 2000, slidesToShow : <?php echo x_get_option( 'x_ethos_post_carousel_display_count_small', '2' ); ?> } },
      { breakpoint : 550,  settings : { speed : 500, slide : 'li', autoplay : true, autoplaySpeed : 2000, slidesToShow : <?php echo x_get_option( 'x_ethos_post_carousel_display_count_extra_small', '1' ); ?> } }
    ]
  });
});

</script>
<?php endif; ?>
#5

my url: www.mattmcintosh.com

#6

Nevermind. The code worked … just took some time (maybe after clearing my cache?). Cheers!

#7

Glad to hear that. :slight_smile: