Jump to content

How can I get my sections to slideshow and autoplay?

Recommended Posts

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
 

Edited by VitaminB
Link to comment
  • Replies 5
  • Views 589
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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).

Squarespace Developer based in Hampshire, England

If you'd like to make a contribution for my time you can Buy Me A Coffee.

Link to comment

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

Link to comment

@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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.