Jump to content

Add pagination or "load more" to a summary block

Recommended Posts

Use Lazy Load plugin.

Lazy Summaries  — Settings.jpg

or Numbered Pagination.

  • The plugin gives your blog visitors a chance to know how big you blog is, not just “Newer/Older“ links.
Edited by tuanphan

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!)

Link to comment
  • 11 months later...
  • 1 month later...

H @tuanphan !

I had the same question and downloaded the lazy summary plugin as your recommendation.
By any chance, is there custom code to add category sorting options on the top of the lazy summary block?

I tried it first on the blog listing page but then I wanted to have the "load more" button so I am recreating similar design layout on a new page with summary block using lazy summary. I have tried adding category links by using archive block but when you click them, it redirects you to the blog page, not the new page with the summary block.

Essentially, I would like to use the blog page as a database for blog posts and the new page to pull these information out and display.

Please let me know and also appreciate any advice if you foresee any complication with the plan I came up with above.

Much appreciated! 

The blog page(original design): https://travelwithamnet.com/learn-about-japan
The page I'm working on:  https://hyperboloid-walrus-lmfg.squarespace.com/learn-about-japan-1
password
1234ninja

Screen Shot 2021-11-23 at 3.36.20 PM.png

Edited by Nana-nana
Link to comment

"Essentially, I would like to use the blog page as a database for blog posts and the new page to pull these information out and display."

I am doing that with my site now using two blog pages and summary blocks along with an archive block that searches my stoires by subject/category. I could, if I wanted, use a blog sidebar to allow viewers to choose any category. I do this with the standard summary and blog options. I use code to change the appearance of the summary block items. 

my random views

 

Link to comment
16 minutes ago, derricksrandomviews said:

"Essentially, I would like to use the blog page as a database for blog posts and the new page to pull these information out and display."

I am doing that with my site now using two blog pages and summary blocks along with an archive block that searches my stoires by subject/category. I could, if I wanted, use a blog sidebar to allow viewers to choose any category. I do this with the standard summary and blog options. I use code to change the appearance of the summary block items. 

my random views

 

Actually, I added the summary block on the original page and added

.blog-basic-grid collection-content-wrapper {display:none}

to hide the original blog post list and display the summary block. 

Thank you so much for helping me get this spark of idea!

Link to comment

My original blog page is in the unlinked section of my site, and the blog page with summary blocks is in the linked section of my site. Each category in the archive block  is linked to a seperate post in the summary blog. Each summary blog post has its own summary block pulling content from my main blog filtered by category that matches the archive block. The archive block is in the header of the summary blog which is why it keeps the same url. Hope this makes sense. If you want more precise setup just let me know. 

Edited by derricksrandomviews
Link to comment
  • 2 months later...
  • 8 months later...
On 1/31/2022 at 10:53 AM, alexbusk said:

In case anybody still searching for a free solution, checkout the one I made
https://squase.net/how-to-add-load-more-button-to-squarespace-summary/

Hello!

I use it here and sometimes takes a bit to load, but maybe my internet: https://rudagt.squarespace.com/cuerpo-y-territorio

I tried to use it with the list summary block, but I can't figure out the move in the JS to maintain the align and pics. Can you help me?

Example:

https://rudagt.squarespace.com/memoria-historica

 

thanks, is a great code!

Link to comment
On 10/21/2022 at 2:43 AM, mazmac said:

Hello!

I use it here and sometimes takes a bit to load, but maybe my internet: https://rudagt.squarespace.com/cuerpo-y-territorio

I tried to use it with the list summary block, but I can't figure out the move in the JS to maintain the align and pics. Can you help me?

Example:

https://rudagt.squarespace.com/memoria-historica

 

thanks, is a great code!

What do you mean "align and pics"?

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!)

Link to comment

Hello @tuanphan

I mean, aligned pictures. I can apply this code to the Summary Block Grid, but I am trying to aply to Summary Block Lis, in Js i change the excerpt for date and authos cause I need them too not the Read More or Excerpt to show, but I can't figure how to achieve

1. Apply that JS to Summary Block List

2. Change the JS to show the date and author metada and not the excerpt and Read More

Thanks, I have tried but not figuring out the right edition.

 

Link to comment
On 10/22/2022 at 10:06 PM, mazmac said:

Hello @tuanphan

I mean, aligned pictures. I can apply this code to the Summary Block Grid, but I am trying to aply to Summary Block Lis, in Js i change the excerpt for date and authos cause I need them too not the Read More or Excerpt to show, but I can't figure how to achieve

1. Apply that JS to Summary Block List

2. Change the JS to show the date and author metada and not the excerpt and Read More

Thanks, I have tried but not figuring out the right edition.

 

Hi. I see it already shows date/author?

image.thumb.png.617fe056a46d706adacb49855253a811.png

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!)

Link to comment
  • 1 year later...

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.