How to Change the Autoplay Speed of the PureSlider

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.