Gallery Carousel

This snippet transforms an instance of a Gallery database into an interactive, scrollable image carousel as seen below. Users can ‘swipe’ on mobile to scroll through the images.

Desk

Installation instructions

Step 1: Install the snippet in Super

1. Open your site in the Super Dashboard
2. Open the ‘Code’ page
3. In the ‘Head’ tab, paste the following snippet:
Copy

<link rel="stylesheet" href="https://sites.super.so/snippets/v2/carousel.css">

4. In the ‘Body’ tab, paste the following snippet:
Copy

<script src="https://sites.super.so/snippets/v2/carousel.js"></script>

Step 2: Create Gallery in Notion

This snippet turns gallery databases that are inside a callout block with a brown background into carousels, this is so that you can still use gallery databases as normal when required.

1. Create a callout block on your page in Notion
2. Give the callout block a brown background
3. Drag an existing gallery database inside the brown callout or create a new one inside it
4. Head into Super and refresh your site