Auto Scrolling List Sections in Squarespace 7.1

Here is some code that will auto-scroll a list section on your Squarespace 7.1 website. This code works for the “Banner Slideshow” layout or the “Carousel” layout.

Here are your steps:
1. Navigate to your page with an Auto-Layouts section
(or create a new page with an Auto-Layouts Section)

2. Set your Layout Section design to “Banner Slideshow” or “Carousel”
(Edit Content » Design)

3. Turn on the Navigation Arrows
(Edit Content » Design » Style » Navigation Controls » Arrows.)

4. Paste the following code into the Page Header Code Injection
(Page Settings » Advanced)

Code: https://www.will-myers.com/articles/auto-scroll-for-carousel-banner-slideshows-for-auto-layout-sections-in-squarespace-71

Instagram: https://www.instagram.com/willdashmyers/
Shop: https://www.will-myers.com/products
Learn CSS: https://www.will-myers.com/learn-css-in-squarespace
Support: https://www.buymeacoffee.com/willmyers

You May Also Like