Gallery block workaround for Squarespace 7.1

Small snippet that helps display Squarespace 7.1 Gallery sections within other sections

Good news! With the new Classic Gallery block, now you can add the Block into your 7.1 Sections easier. Check it out!

How to

To achieve this you gonna do something:

  1. Copy and paste the Footer injection into your Footer Injection, do this once.

  2. Add your gallery section to the page, recommend placing them at the end of the page

  3. Grab the section ID using this Chrome Extension

  4. Place the ID on the section ID text box on the right and copy the generated code into a placeholder code block where you want to place your gallery section

  5. Repeat 2 - 4 for all gallery section placeholders on the page

 

 Gallery section to block

  • Support all gallery type (Grid, Slideshow…)

  • Can enable Lightbox and caption

  • Edit the gallery section into Editor and view it as gallery block on frontend

Use cases

  • This helps you add gallery sections inside other sections in order to display with other types of content like text…

  • Work with Code block, so it is compatible with Legacy Sections and Fluid Engine Sections too

  • Used to overcome the limitation on 7.1 where the Gallery blocks are not available for Pages

Frequently Asked Questions

  • You need Business Plan or higher

  • No, this snippet is free, though you can support me by visiting my Plugin store :)

    Best seller plugin is the Pinch zoom Lightbox plugin, let’s check it out!

  • On Squarespace 7.1, we can not add Gallery blocks into normal Pages, so I created this as a workaround to display Gallery sections inside other sections

    Update! With the new Classic Gallery block, now you can add the Block into your 7.1 Sections easier. Check it out!

Want more customizations?

These customizations from Spark Plugin can take your images and galleries to the next level, check them out!