Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 4
jasonbarone

Summary Block: How can I set the Carousel to "autoplay"?

Question

I love the new Summary Block carousel. I'm curious if it's possible to "autoplay" the carousel much like galleries can do. I know this is possible using Developer Platform galleries, but would love to be able to use with Block Carousels.

Edited by rhyann

  • 🚀Founder at Squarefront, the global community of Squarespace builders.
  • 🎥Documenting the process of building Squarefront on YouTube.
  • 🚗Senior Design Engineer, Design Platform at Uber.
  • 🍕Connect with me on Instagram, Twitter and Linkedin.
  • Need help with Squarespace? I've used the platform for well over 10 years and have helped thousands of businesses, both small and large. Send me an email!

Share this post


Link to post

Recommended Posts

  • 0

ghostcat this is awesome, works great!

As a nit-picky bonus is there any way to make it advance one image at a time? I have it set to show three images at once and when it advances it scrolls all the way to the next three instead of just shifting over one. Not a huge deal but would be an awesome addition if possible!

Share this post


Link to post
  • 0

I have no experience coding, but I desperately am trying to get my summary block to auto-scroll. I tried copying and pasting the code above into my Custom CSS, but it keeps saying, "missing opening {".

Share this post


Link to post
  • 0

the las code causes some problems! it disables all the thumbnails on any summary on my site, also it brings the submenu out of line!

Share this post


Link to post
  • 0

the las code causes some problems! it disables all the thumbnails on any summary on my site, also it brings the submenu out of line!

Share this post


Link to post
  • 0

Did anyone find out how to apply this to all carousels on the page?

Thanks,

Rob.

EDIT: The site I'm trying to get this to work on is https://fertha-s.squarespace.com - I'd like both summary carousels to rotate, not just the top one. Thank you to anyone that can help :)

Edited by Roppo

Share this post


Link to post
  • 0

Mine no longer autoplays on desktop versions, only on mobile... Still can't figure out how to make the same apply to all carousels :(

EDIT: Oh yeah- I see what you mean about the white box at the end, it's doing the same on mine... sigh

Edited by Roppo

Share this post


Link to post
  • 0

Hi

Was wondering if you could have a look at my website?www.wekillpirates.com

I've tried to inject this code above to get my carousel to loop on the front page but it doesn't seem to work.

any help would be great

Dane

Share this post


Link to post
  • 0

IMPORTANT!!!The code works with the carousel but it effects the rest of the page to much.There is a bug in the code, but I can't find it. In Avenue when inserting the code the thumbnails of the index grid disappear and in Marque the image gallery page disappears.

Share this post


Link to post
  • 0

IMPORTANT!!!The code works with the carousel but it effects the rest of the page to much.There is a bug in the code, but I can't find it. In Avenue when inserting the code the thumbnails of the index grid disappear and in Marque the image gallery page disappears.

Share this post


Link to post
  • 0

i think you would want to create another gallery variable. In the example above, he/she grabs the gallery using:var gallery = galleries[0];

So if you added another gallery (and it was the second gallery on the page) you might do something like:var gallery2 = galleries[1];

then do everything you did to 'gallery' to 'gallery2'

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...