Reuse Gallery images with Squarespace Summary block

On 7.1 we can’t use existing gallery like 7.0 templates.

We can use blog post items to store our gallery images and display them on the page with Summary block, that way we can reuse existing gallery images across pages without have to re-pick images into the Gallery blocks

Insert images to blog

Create a blog page and insert new posts

Insert new blog post

Insert new blog post

Click on three dots to edit the post image and excerpt if you want

Upload image to blog

Upload image to blog

Click Edit and change the post title and click Save to submit changes

Edit post title

Edit post title

Gallery images on Summary block

Insert a Summary block

Choose Summary block

Choose Summary block

Choose the blog with images you have uploaded

Choose the blog

Choose the blog

Change the Summary block layout and other settings

Change Summary layout

Change Summary layout

Summary block supports those layout option: Wall layout - Carousel layout - List layout - Grid layout, these Galleries below are the Summary blocks pulling images from the same Blog pages

1. Wall layout

2. Carousel layout

3. List layout

tip: reorder images by changing the publication date, check out the pubDate calendar picker

FAQs about Gallery images

How can I change the order of the images

You can reorder images by changing the publication date, you can find the step-by-step tutorials here

How images can I display

Though we can insert unlimited items into blog post, the Summary block limits the items to display at 30 items max.

Can I hide the publication and other info?

Absolutely, you can change how the meta info is displayed by change the Summary block settings

Bonus

Update of 2024: you can checkout the Classic Gallery block, helping you to insert Gallery blocks on 7.1 Gallery sections and bring back Use Existing Gallery

NL

am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, such as:

- Connect Google Spreadsheet dataset to Squarespace Google Maps or Datatables

- Implement SVG, CSS animations

- Inject custom code to display currency conversion based on geolocation

- Edit squarespace template file in Developer mode

--- To Space And Beyond! ---

Previous
Previous

Squarespace websites 2023 recap

Next
Next

How to create hidden lightbox gallery on Squarespace