Docs

[Mitica]

Hello,

I have succesfully made my carousel slide by automatically with the code provided in a different thread, but now I would like it to be smoothly, like a continuous band sliding by, and I have not found any way to make this happen on the forum. Help please?
This is the code I put:

}

?>

<?php if ( $is_enabled ) : ?>

<ul class=”x-post-carousel unstyled”>

<?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’ ); ?>

<?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’ ); ?> } },
{ breakpoint : 1200, settings : { speed : 500, slide : ‘li’, autoplay : true, autoplaySpeed : 2000, slidesToShow : <?php echo x_get_option( ‘x_ethos_post_carousel_display_count_medium’ ); ?> } },
{ breakpoint : 979, settings : { speed : 500, slide : ‘li’, autoplay : true, autoplaySpeed : 2000, slidesToShow : <?php echo x_get_option( ‘x_ethos_post_carousel_display_count_small’ ); ?> } },
{ 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’ ); ?> } }
]
});
});

</script>

<?php endif; ?>

[Rue Nel]

Hello There,

Thanks for writing in! You can improve the smoothness of the slides by changing the values of the of the AutoPlay speed and the speed. You may try to increase or decrease the number in the code above and see how it goes.

Hope this helps.

[Mitica]

Thank you, I am not managing to get it to be completely smooth, but it is much more pleasant now.

For the record, I changed the speeds to:
speed : 9000,
autoplaySpeed : 200,

responsive : [
{ breakpoint : 1500, settings : { speed : 13000, slide : ‘li’, autoplay : true, autoplaySpeed : 4000, slidesToShow : <?php echo x_get_option( ‘x_ethos_post_carousel_display_count_large’ ); ?> } },
{ breakpoint : 1200, settings : { speed : 13000, slide : ‘li’, autoplay : true, autoplaySpeed : 4000, slidesToShow : <?php echo x_get_option( ‘x_ethos_post_carousel_display_count_medium’ ); ?> } },
{ breakpoint : 979, settings : { speed : 13000, slide : ‘li’, autoplay : true, autoplaySpeed : 4000, slidesToShow : <?php echo x_get_option( ‘x_ethos_post_carousel_display_count_small’ ); ?> } },
{ breakpoint : 550, settings : { speed : 13000, slide : ‘li’, autoplay : true, autoplaySpeed : 4000, slidesToShow : <?php echo x_get_option( ‘x_ethos_post_carousel_display_count_extra_small’ ); ?> } }

[Nico]

Hi There,

I will forward this thread to our developer however I could not guarantee that our dev could help to make your setup smoother. We’ll update this thread as soon as they could see someway to imrprove your setup.

Happy to hear that it is quite smooth right now.

Feel free to ask us again.

Thanks.

[Mitica]

Hello Nico and thanks for the help!
I encounter something else now..
I put in the following code so that it runs as smoothly as possible:
jQuery(document).ready(function() {
jQuery(‘.x-post-carousel’).slick({
infinite : true,
speed : 10000,
slide : ‘li’,
slidesToShow : <?php echo x_get_option( ‘x_ethos_post_carousel_display_count_extra_large’ ); ?>,
slidesToScroll : 1,
autoplay : true,
autoplaySpeed : 0,
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’ ); ?> } },
{ breakpoint : 1200, settings : { speed : 500, slide : ‘li’, autoplay : true, autoplaySpeed : 2000, slidesToShow : <?php echo x_get_option( ‘x_ethos_post_carousel_display_count_medium’ ); ?> } },
{ breakpoint : 979, settings : { speed : 500, slide : ‘li’, autoplay : true, autoplaySpeed : 2000, slidesToShow : <?php echo x_get_option( ‘x_ethos_post_carousel_display_count_small’ ); ?> } },
{ 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’ ); ?> } }
]
});
});

However, if I now click on one of the arrows to the left and to the right(to go back or to go to the next item faster for example), they have no effect anymore! Is there any way to counter this? If absolutely not, is there a way to make the arrows disappear to the left and the right so that this does not confuse people, thinking they can make it go faster but not being able to?

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Mitica]

This reply has been marked as private.

[Lely]

Hello Mitica,

Thank you for the credentials. Although I can’t duplicate the issue you were having. See this:http://screencast-o-matic.com/watch/cDlhfQQ2pP

If you still want to hide those arrows, please add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

slick-prev, .slick-next {
    display: none !important;
}

Hope this helps.

[Mitica]

Hello Lely,
That is interesting, because I still have the issue, the arrows still do not work when I try them, I just tried again.. Any idea what could be the cause of this?

Thank you for the help!

[Prasant Rai]

Hello Mitica,

Would you mind clearing browser cache and try again?

Let us know how it goes.

Thanks.

[Mitica]

Hello Prasant Rai, I tried that and I also contacted my host to clear up their cache, but nothing has changed, I have the same issue if I try in internet explorer.

Thanks for following up on this

[Lely]

Hello Mitica,

I tried checking again using Windows 10 IE. See this:http://screencast-o-matic.com/watch/cDliYwQbFy. As you can see it is working. Can you give us the specific OS and browser version that you were using?

[Mitica]

I resolved it.. The problem is this computer, not the carousel, since it works perfectly on my laptop.
Thank you for the help!

[Friech]

Glad you sorted things out, should you require any further assistance with X|THEME and Cornerstone, please feel free to get in touch with us.

Cheers!

[Mitica]

Hello team! I have an urgent issue, we are about to start promoting our site homodelectus.com, but the autoplay of the ethos carousel is giving issues! From my computer, the autoplay is going slowly, as it should and as I implemented it in the coding, because if it goes fast it is very unpleasant, but now I am the only one that is seeing it correctly, for everybody else the carousel on their computers is still moving very fast!

So I set the values in post carousel.php now as following:
Speed: 5000
autoplaySpeed : 2000

People are seeing it as if speed is set to 500, the default setting.

Please get back as soon as possible, I would very much appreciate!

[Author]

Posts