How to Change PureSlider Autoplay Speeds
Our themes come with a header slider called PureSlider. This feature includes AutoPlay, which automatically moves through your slides until the user interacts with the slideshow. By default, autoplay moves through slides at a 2500 millisecond (2.5 second) delay for each slide, but this value can be adjusted. To change the PureSlider autoplay speed, please do the following:
1. In your Weebly editor, click on the "Theme" tab.
2. Click on "Edit HTML/CSS"
3. In the left column under "HEADER TYPE" click on the PureSlider header type you wish to edit (if you're seeking to make an edit to a five-slide PureSlider, click on PureSlider-5.html for example)
4. In the code, scroll all the way down until you see a block of code that looks like this:
<!-- Initialize Swiper -->
<script>
let options = {};
if(jQuery('#icontent').length){
// In the editor
options = {
spaceBetween: 30,
centeredSlides: true,
simulateTouch: false,
/*autoplay: {
delay: 2500,
disableOnInteraction: true,
},*/
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
}
} else {
options = {
spaceBetween: 30,
centeredSlides: true,
simulateTouch: true,
autoplay: {
delay: 2500, <-- This is the value you need to change
disableOnInteraction: true,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
}
}
}
var swiper = new Swiper('.swiper-container', options);
</script>
5. The value you need to change is bolded and italicized above. The 2500 value is in milliseconds, by default the autoplay speed has a 2.5 second delay. If you wish to change this to a 6-second delay, for example, replace the "2500" value to "6000."
6. Be sure to save your changes.