{%- paginate collection.products by 40 -%} shows only two rows of products

Store Design
1

Hello,

I am only able to show 2 rows of products in all our collection pages, and I struggle to increase this number. This must be related to the theme. I have already hard coded the number to 40 in the collection.liquid section but this does not work. How do I increase the number of rows per collection page?

I am using the “Boost” theme and our shop url is www.zootsports.eu

Any hint to solve the issue would be really appreciated.

Thans

Manuel

2

@eco-manuel

Please share your store url & collection.liquid file code .

Thanks!

3

Sure. Our shop url is www.zootsports.eu, and below is the entire collection.liquid code:

I managed to show more products by changing the code to “10” from “2”:

{%- assign pagination_count = section.settings.grid | times: 10 -%}

But I fear that the above brute force method is not making my page slow.


{%- assign showQuickView = settings.quickview_enable -%}
{%- assign showReviews = section.settings.enable_reviews -%}
{%- assign showSort = section.settings.enable_sort -%}
{%- assign enableSwatches = settings.color_swatches -%}

{%- assign transparency_class = '' -%}
{%- if section.settings.transparent-%}
  {%- assign transparency_class = 'hero__content--transparent' -%}
{%- endif -%}

{%- assign pagination_count = section.settings.grid | times: 10 -%}
{%- case section.settings.grid -%}
  {%- when 2 -%}
    {%- assign grid_width_large = 'large-up--one-half' -%}
    {%- assign grid_width_medium = 'medium--one-half' -%}
    {%- assign grid_width_small = 'small--one-half' -%}
  {%- when 3 -%}
    {%- assign grid_width_large = 'large-up--one-third' -%}
    {%- assign grid_width_medium = 'medium--one-third' -%}
    {%- assign grid_width_small = 'small--one-whole' -%}
  {%- when 4 -%}
    {%- assign grid_width_large = 'large-up--one-quarter' -%}
    {%- assign grid_width_medium = 'medium--one-half' -%}
    {%- assign grid_width_small = 'small--one-half' -%}
  {%- when 5 -%}
    {%- assign grid_width_large = 'large-up--one-fifth' -%}
    {%- assign grid_width_medium = 'medium--one-third' -%}
    {%- assign grid_width_small = 'small--one-half' -%}
  {%- else -%}
    {%- assign grid_width_large = 'large-up--one-sixth' -%}
    {%- assign grid_width_medium = 'medium--one-third' -%}
    {%- assign grid_width_small = 'small--one-half' -%}
{%- endcase -%}

{%- paginate collection.products by pagination_count -%}

{%- endpaginate -%}

{% schema %}

  {
      "name": "Collection page",
      "settings": [
        {
          "type": "checkbox",
          "id": "enable_sort",
          "label": "Show sorting",
          "default": false
        },
        {
          "type": "checkbox",
          "id": "collection_tags",
          "label": "Enable collection filtering",
          "info": "Allow customers to filter collections by tag."
        },
        {
          "type": "header",
          "content": "Title and Description"
        },
        {
          "type": "checkbox",
          "id": "show_title",
          "label": "Show collection title",
          "default": true
        },
        {
          "type": "checkbox",
          "id": "show_description",
          "label": "Show collection description",
          "default": true
        },
        {
          "type": "select",
          "id": "text_color",
          "label": "Text color",
          "default": "text-dark",
          "options": [
            { "value": "text-light", "label": "White"},
            { "value": "text-dark", "label": "Dark"}
          ]
        },
        {
          "type": "select",
          "id": "flex_align",
          "label": "Text alignment",
          "default": "align--middle-left",
          "options": [
            { "value": "align--top-left", "label": "Top left" },
            { "value": "align--top-right", "label": "Top right" },
            { "value": "align--middle-left", "label": "Center left" },
            { "value": "align--middle-center", "label": "Center center" },
            { "value": "align--middle-right", "label": "Center right" },
            { "value": "align--bottom-left", "label": "Bottom left" },
            { "value": "align--bottom-right", "label": "Bottom right" }
          ]
        },
        {
          "type": "checkbox",
          "id": "transparent",
          "label": "Transparent text background",
          "default": false
        },
        {
          "type": "header",
          "content": "Collection image"
        },
        {
          "type": "checkbox",
          "id": "show_image",
          "label": "Show collection image",
          "default": true
        },
        {
          "type": "select",
          "id": "height",
          "label": "Image height",
          "default": "screen-height-one-third",
          "options": [
            { "value": "screen-height-one-half", "label": "1/2 of screen"},
            { "value": "screen-height-one-third", "label": "1/3 of screen"},
            { "value": "five-fifty-height-hero ", "label": "550px" },
            { "value": "four-fifty-height-hero", "label": "450px" },
            { "value": "three-fifty-height-hero", "label": "350px" },
            { "value": "two-fifty-height-hero", "label": "250px" },
            { "value": "image-height", "label": "Image height" }
          ]
        },
        {
          "type": "checkbox",
          "id": "parallax",
          "default": false,
          "label": "Enable parallax scroll"
        },
        {
          "type": "range",
          "id": "overlay_opacity",
          "label": "Opacity",
          "min": 0,
          "max": 90,
          "step": 5,
          "unit": "%",
          "default": 0
        },
        {
          "type": "color",
          "id": "overlay_color",
          "label": "Overlay color",
          "default": "#000"
        },
        {
          "type": "header",
          "content": "Products grid"
        },
        {
          "type":    "range",
          "id":      "grid",
          "min":     3,
          "max":     10,
          "step":    1,
          "label":   "Products per row",
          "default": 6
        },
        {
          "type": "checkbox",
          "id": "enable_reviews",
          "label": "Show review stars",
          "info": "Install Shopify's free [Product Reviews app](https://apps.shopify.com/product-reviews) before enabling this option.",
          "default": false
        }
      ]
  }
{% endschema %}