(Squarespace) How to create an Event Carousel

[tuanphan]

To create an Event Carousel, like this, you can follow these.

You can also use Event Calendar widget so you can customize Event easier without using complex code.

#1. First, find Event Page URL

In my example, it is: /events-1-2

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

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

<div data-wm-plugin="collection-carousel"
  data-source="/events-1-2"
   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;
}

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

data-autoplay="3000"