Jump to content

Need a better way to have 300+ images on a page

Go to solution Solved by paul2009,

Recommended Posts

Hello there forum,

I am building a page for an "Alumni" group that has over 300 photos on it. The gallery options didn't display the images how I wanted, so I built sections with about 30 images in them. Each section can be reached with an anchor link from the top of the page. (My site isn't published yet so I can't share the link, but I'm attaching a screenshot that shows the top of the page and the first section).

I realized that a page with 300 images is slow and takes a long time to load. I thought of creating a separate hidden page for each section, but don't want visitors to leave the main page to see each group. Looking for ideas to make this function better. Thank you!

Screenshot 2023-10-14 094909.png

Link to comment
  • Solution
On 10/14/2023 at 4:55 PM, gettinjenny said:

I am building a page for an "Alumni" group that has over 300 photos on it. I realized that a page with 300 images is slow and takes a long time to load. Looking for ideas to make this function better.

A workaround is to add them to a collection page instead of a standard "layout" page. It will take a little longer to input the details, but having added them, you'll have more control over loading and filtering the content.

If you're on Squarespace 7.1 (the latest version) then you'll probably want to create a hidden blog page and add each person to the blog as a new "post", adding their photo as the thumbnail. 

(The following paragraph  is an affiliate link for a product I use and love. If you make a purchase I may receive a small commission. All opinions remain my own.)

With some custom code you can make it better by pulling the contents of the blog (the thumbnails and titles) onto a visible page using a Summary Block (in Grid mode) and then lazy loading it a few rows at a time (with a button or automatically). I recommend the paid plugin Lazy Summaries* for this. If you tag/categorise each post then you can also filter the results (using the built in method (with a link like /pageslug?category=categoryname) or with an advanced plugin like Universal Filter*.

*These are affiliate links for products that I use and love. If you make a purchase I may receive a small commission. All opinions remain my own.

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.