Jump to content

Masonry Gallery - Set amount of images on initial load

Recommended Posts

Posted
2 hours ago, Dada78 said:

when using the masonry gallery, is there a way to set the amount of images that would display on initial load with a "load more" option for lazy loading? Let's say I would want to display 20 images, but would like to only load 5 to start with? Thanks!

There is a third-party plugin from Squarewebsites that does this, called Lazy Load Summaries.

It is an affiliate link but I personally use it and for my clients, it's great! It also gives you control over how many columns to show per desktop/tablet/mobile view. 

Hope it helps.

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Nerd

💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
🧰 See the tools I use (contain affiliate links)
 Did I help? I like coffee (Thank you)

  • 3 weeks later...
Posted

Thanks @tuanphan, I don't see how I would be able to control how many images to load before the user clicks the 'load more" button with this code as it only specifies how many sections to load.

Posted
4 hours ago, Dada78 said:

Thanks @tuanphan, I don't see how I would be able to control how many images to load before the user clicks the 'load more" button with this code as it only specifies how many sections to load.

See last comment in thread, it is code for Masonry

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted
23 hours ago, Dada78 said:

Unfortunately this plug-in only works for summary blocks.

Sorry, I misread your original post. No, this won't work for a Gallery.

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Nerd

💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
🧰 See the tools I use (contain affiliate links)
 Did I help? I like coffee (Thank you)

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.