{"title":"Customize how many products appear on a category page","slug":"customize-product-count-per-category-page","url":"https://support.storeconnect.com/articles/customize-product-count-per-category-page","url_markdown":"https://support.storeconnect.com/articles/customize-product-count-per-category-page.md","subtitle":null,"summary":"Override the default 12-product limit on category pages by editing the snippets/products/results template and setting a custom products_per_page variable in Liquid.","type":"Developer_Documentation","video_url":"","keywords":"products per page, category page, pagination, liquid template, snippets/products/results, products_per_page, paginate, theme customization, product count, theme templates, category listing, storeconnect themes","last_modified":"2026-08-21T07:12:35+0000","body_markdown":"If you want to increase or decrease the max number of products displayed on category pages, you can do this by editing your theme. By default, our base theme will display a maximum of 12 products per page.\n\nIncreasing the number of product cards that render on a page will slow down the page load speed. We recommend setting a number not higher than 25.\n\n## Modify Your Theme\n\n1.  Check if your theme already has a template with a key of **snippets/products/results** (look for snippets/products/wrapper if you are using v18 or below)\n    1.  If so, skip to step 6 and just modify your template using the code snippets shown below.\n2.  Create a new template in your theme.\n3.  Give it this key: **snippets/products/results**\n4.  Grab the template code for your liquid version from our [Base Theme](https://github.com/GetStoreConnect/base-theme/blob/v19.0.0/templates/snippets/products/results.liquid).\n    1.  Find the correct version for your website\n    2.  Locate the **snippets/products/results** template\n    3.  Copy the code\n5.  Paste the code in the content field of your new template\n6.  Edit the code to include the following snippets:\n\n\n```liquid\n\n{% assign products_per_page = 24 %}\n```\n\n\n\n```liquid\n\n{% paginate products by products_per_page %}\n```\n\n\nBy default, the number of products displayed per page is determined by the current\\_search.per\\_page attribute. To override this, define a new variable with the desired number of products per page.\n\nYour final code would look something like this:\n\n\n```liquid\n\n{% default products: current_search.results.products %}\n{% default allow_comparisons: false %}\n{% assign products_per_page = 24 %}\n\n{%- if current_search.count \u003e 0 %}\n  {% paginate products by products_per_page %}\n\n      {% for product in products %}\n\n          {%- cache \"product\", items: [product, current_store, current_customer] -%}\n            {%- render \"products/card\", product: product, allow_comparisons: allow_comparisons %}\n          {%- endcache -%}\n\n      {% endfor %}\n\n    {% render 'shared/pagination-nav', paginate: paginate %}\n  {% endpaginate %}\n\n  {%- if allow_comparisons and theme_variables[\"products.comparisons\"] == true %}\n    {% render \"products/comparison_banner\" %}\n    {% render \"products/screen\" %}\n  {%- endif %}\n{% else %}\n\n    {{ \"search.products.index.no_results\" | t  }}\n\n{% endif %}\n```\n"}