Jump to content

Can I make this pagination code injection work for summary block lists?

Recommended Posts

I have this Pagination code below in the footer code injection, along with some javascript (not shown), that gives me pagination on blog pages. Is there a way to get this to work for Summary blocks that list those blog posts?

https://active-redesign-1.squarespace.com/watch/

<script>
    window.paginationPluginConfig = {
        containers: {
            '.blog-list,.BlogList,  .view-list .page-section[class*="collection-type-blog-"] div[data-controller]': { // classnames of containers where we want to have a pagination
                place: 'append', //or use prepend to place block on top
                backgroundColor: 'transparent',
                margin: '3% 0',
		align: 'center', // align pagination
                padding: '0',
                showPrevNext: { //will show next/prev elements
                    next: 'Next', //next link text
                    prev: 'Prev' //previous link text
                },
                pagesRange: 3, //show 4 first and 4 last pages
                pagesAround: 2, //show links around active page
                items: {
                    style: 'square', //square, pillow
                    width: '32px', //navigation item width
                    margin: '20px', //navigation items margin
                    backgroundColor: '#fff', //default background color
                    activeBackgroundColor: '#555', //active item background color
                    color: '#000', // default items text color
                    activeColor: '#fff' //active items text color
                }
            }
        }
    };
</script>

 

Link to comment
  • Replies 3
  • Views 889
  • Created
  • Last Reply

Top Posters In This Topic

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