1. Paste the code below into the code injection (HEADER SECTION).
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/tiny-slider.css"> <link rel="stylesheet" href="https://static1.squarespace.com/static/ta/5d9b92e54086916830f57b6f/30/assets/slider-plugin.css">
2. Paste the code below into the code injection (FOOTER SECTION).
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script> <script>document.querySelectorAll('.sqs-gallery-design-list .summary-item-list.sqs-gallery')[0].classList.add("custom-slider");var sliderDetail = tns({container: '.custom-slider',items: 1,gutter: 20,nav: true,controls: false,loop: true,mouseDrag: true,controlsPosition: 'bottom',prevButton: false,autoplayButton: false,autoplayHoverPause: true,autoplay: true,autoplayTimeout: 5000,autoplayButtonOutput: false,controlsText: ['', ''],edgePadding: 0,navPosition: 'bottom'}); </script>
3. Create a blog page with posts. Images for a post will work as a slide. Change date if you want to reorder.
4. Use a summary blog wherever you want (with ss builder). Choose your slider blog page in the content tab. The list view is required.
