A custom code snippet that opens images in a lightbox upon click
Click an image below to open it in a lightbox! 👇
Installing the snippet
To use this snippet you will need to have an upgraded Super site.
Please note this snippet is experimental and there are some limitations:
- This snippet only works on your live site, not in the dashboard preview
- The snippet does not work reliably on mobile yet
- The lightbox feature will apply to all images on your site
- Go into your Site Dashboard
- Open the ‘Code’ page
- In the ‘Head’ tab, paste the following snippet:
- In the ‘Body’ tab, paste the following snippet:
<link rel="stylesheet" href="https://sites.super.so/snippets/lightbox.css"/>
<div class="lightbox-wrapper">
<div class="close-lightbox">×</div>
<img class="lightbox-image" src="">
</div>
<script src="https://sites.super.so/snippets/lightbox.js"></script>