(Squarespace) How to create a Blog Carousel (option 3)

To create an Blog Carousel, like this.

#1. First, find Blog Page URL

In my example, it is: /blog

#2. Next, edit page where you want to create a Blog Carousel > Add a Code Block

#3. Use this code into Code Block. Remember to change Blog Page URL

<div data-wm-plugin="collection-carousel"
  data-source="/blog"
   data-loop="true"
></div>

#4. Install this Carousel Plugin

Plugin will give you some code to Code Injection Header/Footer

and Footer

#5. To hide Dots Pagination

You can use this extra code to Custom CSS.

div.collection-carousel-pagination {
    display: none !important;
}

#5. To make Carousel autoplay, you can use this attribute

data-autoplay="3000"

1 Like