Shopify分页，包括其他元素

Question

我目前正在对商店中的所有产品进行分页，但是由于某种原因，分页中还包括分页之外的div。运行它的代码如下：

{% assign collection = collections.all %}
{% paginate collection.products by 3 %}

<div class="flex-container feed">
  {% for product in collection.products %}

    {% include 'product-grid-item' %}

  {% else %}

    {% unless emptyState %}
      {{ 'theme-onboarding.css' | global_asset_url | stylesheet_tag }}
      {% assign emptyState = true %}
    {% endunless %}

  {% endfor %}
</div>

{% if paginate.pages > 1 %}
  <div class="pagination">
    {{ paginate | default_pagination | replace: '&laquo; Previous', '&larr;' | replace: 'Next &raquo;', '&rarr;' }}
  </div>
{% endif %}

{% endpaginate %}

<div class="row">
  <div class="card horizontal z-depth-0 collection-info">
    <div class="card-stacked">
      <div class="card-content">
        {% include 'breadcrumb' %}
        <h1>{{ collection.title }}</h1>
        <span class="black-text">{{ collection.description }}
        </span>
      </div>
    </div>
  </div>
</div>

我遇到的问题是，分页的每（3）个产品都分页了，实际上还包括分页下方的行中的卡片吗？