Jump to content

Add pagination or "load more" to a summary block

Recommended Posts

  • 11 months later...
Posted

I've tried the Numbered Pagination plugin but having been in contact with their support I've realised it doesn't work with Summary Blocks - only blogs.

  • 1 month later...
Posted (edited)

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
Posted

"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

 

Posted

How are you setting the archive block so that when it displays one category, it stays in the same url? 

I.e. 

My archive category tags now redirects me to the original blog page. I would like to stay on the same url aka my summary page.

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

Posted (edited)

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
  • 2 months later...
  • 8 months later...
Posted
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!

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

Posted

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.

 

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

Posted

Hello @tuanphan is the summary block in the bottom if you scroll it, you will see a purple button but only the titles in the post, I can't make the load more code for Summary Block List and show the metadata I need.

 

  • 1 year later...
Posted

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design Services

📅 Todoist alternative | Increase your Productivity 

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

  • 7 months 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.