How can I get my sections to slideshow and autoplay?

Hi,

I want to have the first 4 sections on my home page as a slideshow that autoplays the 3 points. So far I've put the below code in a code block to make the slideshow but I can't get it to autoplay, and the arrows don't have enough padding.

<div data-wm-plugin="section-slider" data-slides-count="4" data-arrows="true" data-speed="300" data-slideshow="auto" data-color="#C9CACB">  </div>

My site is this:

https://point-gazelle-ryl5.squarespace.com

password: Test1
 

Hey @VitaminB, looks like you're using the free Slider tutorial from will-myers.com. However the auto scroll feature is only a feature on the paid plugin. You can check that out here - https://www.will-myers.com/products/p/sliding-image-banner?peachs_apc=abi-bacon (This is an affiliate link).

Hey @abibacon thanks for your response 🙂. Yep that's right. Is there a different way to do/code this on squarespace if I remove the will myers code? I couldn't use a gallery slider section because I needed the flexibility of moving around the text and adding an image

@VitaminB, there may be other plugins however I do highly recommend the one linked above, the installation process is very simple & the code is well maintained.

@VitaminB You can try this code to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
	setInterval(function(){ 
	$('.swiper-button-next').click()
	},1000);
})
</script>

Awesome thank you! @tuanphan