Pagination problem

support
1

I had my pagination worked with infinite scrolling. However I want to switch from infinity scrolling (load more posts) to the basic links prev, next, page numbers with active page link in the middle.

What to fix in this code?

This is file partials/pagination.html

<!-- Section - Blog Start -->

<div class="mxd-section padding-default">

  <div class="mxd-container grid-container">

    <div class="mxd-posts-area loading__fade">




      <!-- Posts Container Start -->

      <div class="mxd-posts-container mxd-grid-item">

        {{- $paginator := .Paginate .RegularPages -}}

        {{ if $paginator }}

        {{- range $paginator.Pages -}}

        {{ partial "post-card.html" . }}

        {{ end }}

        <!-- Blog Pagination Start -->

        <div class="mxd-blog-pagination">

          <div class="mxd-blog-pagination__inner">

            <nav class="mxd-blog-pagination__items">

              {{ if $paginator.HasPrev }}

              <a href="{{ $paginator.Prev.URL }}" class="mxd-blog-pagination__item blog-pagination-control prev btn btn-anim btn-line-small btn-bright anim-no-delay slide-left">

                <i class="ph ph-arrow-left"></i>

                <span class="btn-caption">Previous</span>

              </a>

              {{ end }}

              {{ range $paginator.Pagers }}

              <a href="{{ .RelPermalink }}" class="mxd-blog-pagination__item blog-pagination-number btn btn-anim">

                <span class="btn-caption">{{ .PageNumber }}</span>

              </a>

              <a href="#0" class="mxd-blog-pagination__item blog-pagination-number btn btn-anim active">

                <span class="btn-caption">Active Page Number</span>

              </a>

              <a href="#0" class="mxd-blog-pagination__item blog-pagination-number btn btn-anim">

                <span class="btn-caption">Other numbers</span>

              </a>

              {{ end }}





              {{ if $paginator.HasNext }}

              <a href="{{ $paginator.Next.URL }}" class="mxd-blog-pagination__item blog-pagination-control next btn btn-anim btn-line-small btn-bright anim-no-delay slide-right">

                <span class="btn-caption">Next</span>

                <i class="ph ph-arrow-right"></i>

              </a>

              {{ end }}

            </nav>

          </div>

        </div>

        <!-- Blog Pagination End -->

        {{ end }}

      </div>

      <!-- Posts Container End -->

    </div>

  </div>

</div>

<!-- Section - Blog End -->
2

What’s broken?