Media Lightbox Setup

Install
Customize
Troubleshooting

Install

Important: By installing and using this plugin, you agree to the SQPlugins End-User License Agreement.

  1. Upload plugin-media-lightbox.js and plugin-lightbox.css files to your website. How to upload a file?

  2. Configure and add the code from the Customi to Code Injection Footer Field:

<!-- Plugin Media Lightbox -->
<link href="/s/plugin-media-lightbox.css" rel="stylesheet">
<script src="/s/plugin-media-lightbox.js"></script>
<script>pluginMediaLightbox();</script>
<!-- end Plugin Media Lightbox -->

Close the viewer to change settings, then open an image in the gallery on this page. Changes are temporary until you copy the code to your website.

Gallery

Ready for your website

Upload the supplied plugin files, then paste this code into Squarespace.
Add the settings block on this page to generate your installation code.

Gallery Mixed

Image Block

Customize

Open an image in the gallery on this page to try the lightbox. Change your settings on this page, reopen an image,  and copy your code when you are happy with the result. Your choices affect this preview session; they do not save changes to this website.
imgg-gg3p-BC-DQ-I-7844fc6c.png
imgg-gg3p-BC-DRQ-b1ca29f7.png
imgg-gg3p-BC-DQ-F-7be99eb1.png
imgg-gg3p-BC-DQ-Y-0570a11c.png
Hello

Hello

imgg-gg3p-BC-DQ-Y-fe58148c.png
imgg-gg3p-BC-DQ-M-46be1507.png
imgg-gg3p-BC-DQ--E-1f177a41.png
imgg-gg3p-BC-DQ-Y-0570a11c.png
imgg-gg3p-BC-DQ-U-9d4bb91d.png
imgg-gg3p-BC-DQ-C-26ac8b8f.png
imgg-gg3p-BC-DQ-F-7be99eb1.png
imgg-gg3p-BC-DRQ-b1ca29f7.png
imgg-gg3p-BC-DQ-G-cfb72dce.png
imgg-gg3p-BC-DRJ-9a3ac480.png
imgg-gg3p-BC-DQ-C-69d1613b.png

Troubleshooting

If an image does not open, enable the native gallery lightbox option in the gallery settings, and test the published page outside editing mode. Remove another lightbox plugin if it handles the same clicks.

For a video that cannot play, check that its URL is public and playable. Provider videos connect to YouTube or Vimeo when opened.