A space to discuss online store customization, theme development, and Liquid templating.
I have a product grid on the home page of a theme I have built. On every second reload of the home page, the pagination of the product grid ignores the specified pagination count, and will load 50 products on the page.
It only happens when you are logged in (including developing locally). The store is not using customer accounts, so I'm not sure if it's specific to the admin account or any account that is logged in.
I understand it would likely be a problem on Shopify's end, so there's not much I can really do about it. It would be good to get to the bottom of it though.
{%- paginate collection.products by 9 -%}
<div class="collection flex-grow page-width">
<div class="loading-overlay"></div>
<ul class="grid grid--3-col grid--mobile-2-col list" id="product-grid" data-id="{{ section.id }}">
{%- for product in collection.products -%}
<li class="grid__item">
{%- render 'card-product',
product: product,
columns_desktop: 3,
columns_tablet: 2,
columns_mobile: 2
-%}
</li>
{%- endfor -%}
</ul>
</div>
{% render 'pagination', paginate: paginate, anchor: '' %}
{%- endpaginate -%}