Section & sub-section pagination

Hi Eric,

Thank you so much. Herewith the code on the sections-template we are using:
Please let me know if this helps, otherwise I will follow your suggestion instead :) 

Best regards,
Louis

<div class="container-divider"></div>

<div class="grid">
<div class="container">
<nav class="sub-nav">
{{breadcrumbs}}

</nav>
</div>
</div>

<article class="grid">
<section class="text--align-center">
<div class="grid__inner grid__inner--layout-c6c">
<div class="grid__cell">
<h2 class="mdc-typography--headline2">{{section.name}}</h2>
{{#if settings.show_follow_section}}
<div class="section-subscribe">{{subscribe}}</div>
{{/if}}
{{#if section.description}}
<p class="mdc-typography--body2">{{section.description}}</p>
{{/if}}
</div>
</div>

{{#if section.sections}}
<section class="grid__inner grid__inner--layout-444-44 text--align-center section-spacing--tier-1">

{{#each section.sections}}

<div class="grid__cell grid__cell--align-stretch bg-white p-4">

{{#is id 360004482340}}<img src="{{asset 'SchemeOverview.png'}}" alt="alternative text here" />{{/is}}
{{#is id 360004519379}}<img src="{{asset 'BenefitOptions.png'}}" alt="alternative text here" />{{/is}}
{{#is id 360004491860}}<img src="{{asset 'Programmes.png'}}" alt="alternative text here" />{{/is}}
{{#is id 360004501819}}<img src="{{asset 'PMB.png'}}" alt="alternative text here" />{{/is}}
{{#is id 360004519459}}<img src="{{asset 'Membership.png'}}" alt="alternative text here" />{{/is}}
{{#is id 360004453899}}<img src="{{asset 'ClaimsIcon.png'}}" alt="alternative text here" />{{/is}}
{{#is id 360004519479}}<img src="{{asset 'ExGratia.png'}}" alt="alternative text here" />{{/is}}
{{#is id 360004482400}}<img src="{{asset 'SPN.png'}}" alt="alternative text here" />{{/is}}
{{#is id 360004529819}}<img src="{{asset 'LOBSystems.png'}}" alt="alternative text here" />{{/is}}
{{#is id 360004496939}}<img src="{{asset 'KnowledgeComms.png'}}" alt="alternative text here" />{{/is}}
{{#is id 360004615659}}<img src="{{asset 'QA.png'}}" alt="alternative text here" />{{/is}}

<h3 class="mdc-typography--headline5">{{name}}</h3>
<p class="mdc-typography--body2">{{excerpt description}}</p>
<div class="mdc-btn-container"> <a href="{{url}}" class="mdc-button mdc-button--outlined motion-button--medium">Learn more</a> </div>
</div>

{{/each}}
</section>

{{/if}}
{{pagination}}
</section>
</article>

<!-- QuickLinks -->
<div class="grid" id="quicklinks">
<section class="section-spacing--tier-1">
<header class="grid__inner grid__inner--layout-c6c-a6a section-spacing--tier-2">
<div class="grid__cell text--align-center">
<h2 class="mdc-typography--headline2">Quick Links</h2>
</div>
</header>
<div class="grid__inner grid__inner--layout-444-44 text--align-center"> 
<!-- card 1 start -->

<div class="grid__cell">
<div class="mdc-card ">
<div class="mdc-card__content">
<h3 class="mdc-typography--headline5 text--align-center"> HealthReturns+ </h3>
<div class="mdc-btn-container mdc-btn-container--column-stack"> <a onclick="ga('send', 'event', 'Medical aid landing page | Cards', 'How to make the most of your benefits | Learn more | ', 'card-1');" href="https://www.momentum.co.za/momentum/personal/products/healthcare/healthreturns" class="mdc-button mdc-button--upgraded motion-button--medium" target="_blank"> <span class="mdc-button__text">Learn more</span> </a> </div>
</div>
</div>
</div>

<div class="mdc-card__content">
<h3 class="mdc-typography--headline5 text--align-center"> HealthSaver+ </h3>
<div class="mdc-btn-container mdc-btn-container--column-stack"> <a onclick="ga('send', 'eavent', 'Medical aid landing page | Cards', 'How to make the most of your benefits | Learn more | ', 'card-1');" href="https://www.momentum.co.za/momentum/personal/products/healthcare/healthsaver" class="mdc-button mdc-button--upgraded motion-button--medium" target="_blank"> <span class="mdc-button__text">Learn more</span> </a> </div>
</div>
</div>
</div>

<!-- card 2 end --> 
<!-- card 3 start -->

<div class="grid__cell">
<div class="mdc-card ">
<div class="mdc-card__content">
<h3 class="mdc-typography--headline5 text--align-center"> GapCover+ </h3>
<div class="mdc-btn-container mdc-btn-container--column-stack"> <a onclick="ga('send', 'event', 'Medical aid landing page | Cards', 'How to make the most of your benefits | Learn more | ', 'card-1');" href="https://www.momentum.co.za/momentum/personal/products/healthcare/gapcover" class="mdc-button mdc-button--upgraded motion-button--medium" target="_blank"> <span class="mdc-button__text">Learn more</span> </a> </div>
</div>
</div>
</div>

<!-- card 3 end --> 

</div>
</section>
</div>

Hey Louis, 

It looks like you're using this on the sections page. For use on the section page you'll want to use the identifying parameter to call out that you want it to paginate the sections. If you switch the paginate helper to the below snippet it should resolve your issue. 

{{pagination "section.sections"}}

For future reference, you can find this discussed here. 

Hope this helps!

Eric

Hi Eric,

That did the trick :D I was not sure how to use the helper and was looking for an example in the meantime but couldn't find any. 

Now that I did it as per your clarification, everything is perfect and the pagination options are showing on the rendered pages 8)

Thank you so very much again!!
Louis