Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 3
sorethumb

Auto Scroll Carousel Block Squarespace 7.1

Question

I'm wondering how to make a auto-scrolling carousel block on Squarespace 7.1 templates. I'm trying to make an auto-scrolling testimonials section.

Share this post


Link to post

17 answers to this question

Recommended Posts

  • 0

You can do it by creating images for your testimonials and then use a gallery block, slideshow: simple, turn on autoplay. Hopefully this feature will be added back in, there is also a paid plugin for it, but I have not tried it.

Share this post


Link to post
  • 0

I checked with SS help on this recently and they said that a slide show gallery will not autoplay. Someone in the forum gave me this code, which I placed in the Advanced area of the settings for the page. Seems to be working fine.  

 

Now, if I could find someone who can help me add code for a carousel that will insert padding between images...

 

Quote

<script>
   Y.on('domready', function () {
       var galleries = Y.Squarespace.GalleryManager.getGalleries();
       for( i = 0; i<galleries.length; i++){
           galleries[i].setAttrs({"autoplay":true})
       }
   });
</script>

 

 

Share this post


Link to post
  • 0

scipioni_central -

I used your code and it worked! yay!  Can you tell me how to slow the speed down? Thanks so much!

 

Share this post


Link to post
  • 0

Great that you have code for this. There is also slideshow gallery with Autoplay and you can adjust the speed from 1-10. It's the gallery type Simple Slideshow, and scroll down to edit the Autoplay and Slide Duration settings. 

Screen Shot 2020-04-15 at 7.29.29 PM.png

Share this post


Link to post
  • 0

RIght, I was actually trying to create an autoscrolling carousel from a gallery, but when I do that, the images are flush up against one another, and I can't find anyone who knows how to add padding to the images in the carousel... along with the autoscroll. 

Any suggestions?

Share this post


Link to post
  • 0

Hi! Maybe someone can tell you.

How to increase "Slide Duration" at the slideshow block? More than standart 10s..

Thanks!

Share this post


Link to post
  • 0

I checked with SS help on this recently and they said that a slide show gallery will not autoplay. Someone in the forum gave me this code, which I placed in the Advanced area of the settings for the page. Seems to be working fine.

Share this post


Link to post
  • 0

You can do it by creating images for your testimonials and then use a gallery block, slideshow: simple, turn on auto play. Hopefully this feature will be added back in, there is also a paid plugin for it, but I have not tried it.

Share this post


Link to post
  • 0

Hi all, I'm struggling with this too. I did the gallery view bit, but the text is below the image, vs as a centered an overlay. Any workarounds that you know of?

 

Share this post


Link to post
  • 0

i'm trying to get the text to overlay on the center of an image, vs. below. like a testimonial slider - does that make sense? something like this:

 

testi.png

Share this post


Link to post
  • 0
Posted (edited)

Further to the above... Using 7.1 Template (on trial site in setup)-  I need this for my Home Page (Landing Page) for a logo gallery at the bottom of the page - that automatically scrolls. However nothing happened when I posted the above code into the Page - Advanced - code injection.

Is this because "Page Header Code Injection adds code to the <head> tag of that page. It won't display on Index landing pages." ?? So no way to put on Home Landing Page? see SS ref: https://support.squarespace.com/hc/en-us/articles/205815908

This is what I am wanting a smooth small scrolling logo section at bottom of home page:
https://unita.com.au/

(I found this from this post however it's not smooth scrolling: https://www.will-myers.com/scrolling-logo-in-squarespace)

Edited by Becs
add like this site:

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