Pagation

[Bobcomp1129]

Is there a way to increase the products shown under a collections page? I see 27 then it goes to another page. I want everything on one page.

[suyash1]

@Bobcomp1129  please open your collection page in customize settings and check if you have an option to increase number, else we will need to make code edit to increase number... code would be available in collection-template/collection files

[Bobcomp1129]

No there is not an option to change it there.

[suyash1]

@Bobcomp1129  then check which template you have, if you want, I can check, I will need website link and collab code which you can share on email below

[Bobcomp1129]

Here is the site.

https://tommysjerky.com/collections/beef-jerky-flavors

[suyash1]

@Bobcomp1129 - check this collection template code in your files , check if you have a word 'pagination'

[Bobcomp1129]

I am not sure what liquid file I am looking for, here is what I see in one I think that controls it.

{{ 'component-card.css' | asset_url | stylesheet_tag }}

{{ 'section-collection-list.css' | asset_url | stylesheet_tag }}

<div class="page-width">

  <h1 class="title title--primary inline-richtext{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--fade-in{% endif %}">

    {{ section.settings.title }}

  </h1>

  {%- liquid

    case section.settings.sort

      when 'products_high', 'products_low'

        assign collections = collections | sort: 'all_products_count'

      when 'date', 'date_reversed'

        assign collections = collections | sort: 'published_at'

    endcase

    if section.settings.sort == 'products_high' or section.settings.sort == 'date_reversed' or section.settings.sort == 'alphabetical_reversed'

      assign collections = collections | reverse

    endif

    assign moduloResult = 28 | modulo: section.settings.columns_desktop

    assign paginate_by = 30

    if moduloResult == 0

      assign paginate_by = 28

    endif

  -%}

  {%- paginate collections by paginate_by -%}

    <ul

      class="collection-list grid grid--{{ section.settings.columns_desktop }}-col-desktop grid--{{ section.settings.columns_mobile }}-col-tablet-down"

      role="list"

    >

      {%- for collection in collections -%}

        <li

          class="collection-list__item grid__item{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"

          {% if settings.animations_reveal_on_scroll %}

            data-cascade

            style="--animation-order: {{ forloop.index }};"

          {% endif %}

        >

          {% render 'card-collection',

            card_collection: collection,

            media_aspect_ratio: section.settings.image_ratio,

            columns: 3

          %}

        </li>

      {%- endfor -%}

    </ul>

    {% render 'pagination', paginate: paginate %}

  {%- endpaginate -%}

</div>

{% schema %}

{

  "name": "t:sections.main-list-collections.name",

  "class": "section",

  "settings": [

    {

      "type": "inline_richtext",

      "id": "title",

      "label": "t:sections.main-list-collections.settings.title.label",

      "default": "Collections"

    },

    {

      "type": "select",

      "id": "sort",

      "options": [

        {

          "value": "alphabetical",

          "label": "t:sections.main-list-collections.settings.sort.options__1.label"

        },

        {

          "value": "alphabetical_reversed",

          "label": "t:sections.main-list-collections.settings.sort.options__2.label"

        },

        {

          "value": "date_reversed",

          "label": "t:sections.main-list-collections.settings.sort.options__3.label"

        },

        {

          "value": "date",

          "label": "t:sections.main-list-collections.settings.sort.options__4.label"

        },

        {

          "value": "products_high",

          "label": "t:sections.main-list-collections.settings.sort.options__5.label"

        },

        {

          "value": "products_low",

          "label": "t:sections.main-list-collections.settings.sort.options__6.label"

        }

      ],

      "default": "alphabetical",

      "label": "t:sections.main-list-collections.settings.sort.label"

    },

    {

      "type": "select",

      "id": "image_ratio",

      "options": [

        {

          "value": "adapt",

          "label": "t:sections.main-list-collections.settings.image_ratio.options__1.label"

        },

        {

          "value": "portrait",

          "label": "t:sections.main-list-collections.settings.image_ratio.options__2.label"

        },

        {

          "value": "square",

          "label": "t:sections.main-list-collections.settings.image_ratio.options__3.label"

        }

      ],

      "default": "adapt",

      "label": "t:sections.main-list-collections.settings.image_ratio.label",

      "info": "t:sections.main-list-collections.settings.image_ratio.info"

    },

    {

      "type": "range",

      "id": "columns_desktop",

      "min": 1,

      "max": 5,

      "step": 1,

      "default": 3,

      "label": "t:sections.main-list-collections.settings.columns_desktop.label"

    },

    {

      "type": "header",

      "content": "t:sections.main-list-collections.settings.header_mobile.content"

    },

    {

      "type": "select",

      "id": "columns_mobile",

      "options": [

        {

          "value": "1",

          "label": "t:sections.main-list-collections.settings.columns_mobile.options__1.label"

        },

        {

          "value": "2",

          "label": "t:sections.main-list-collections.settings.columns_mobile.options__2.label"

        }

      ],

      "default": "2",

      "label": "t:sections.main-list-collections.settings.columns_mobile.label"

    }

  ]

}

{% endschema %}

[Bobcomp1129]

I am not sure what liquid file I am looking for, here is what I see in one I think that controls it.


{{ 'component-card.css' | asset_url | stylesheet_tag }}
{{ 'section-collection-list.css' | asset_url | stylesheet_tag }}

{{ section.settings.title }}

{%- liquid
case section.settings.sort
when 'products_high', 'products_low'
assign collections = collections | sort: 'all_products_count'
when 'date', 'date_reversed'
assign collections = collections | sort: 'published_at'
endcase

if section.settings.sort == 'products_high' or section.settings.sort == 'date_reversed' or section.settings.sort == 'alphabetical_reversed'
assign collections = collections | reverse
endif

assign moduloResult = 28 | modulo: section.settings.columns_desktop
assign paginate_by = 30
if moduloResult == 0
assign paginate_by = 28
endif
-%}
{%- paginate collections by paginate_by -%}

class="collection-list grid grid--{{ section.settings.columns_desktop }}-col-desktop grid--{{ section.settings.columns_mobile }}-col-tablet-down"
role="list"
>
{%- for collection in collections -%}

• 
  class="collection-list__item grid__item{% if settings.animations_reveal_on_scroll %} scroll-trigger animate--slide-in{% endif %}"
  {% if settings.animations_reveal_on_scroll %}
  data-cascade
  style="--animation-order: {{ forloop.index }};"
  {% endif %}
  >
  {% render 'card-collection',
  card_collection: collection,
  media_aspect_ratio: section.settings.image_ratio,
  columns: 3
  %}
  

{%- endfor -%}

{% render 'pagination', paginate: paginate %}
{%- endpaginate -%}

{% schema %}
{
"name": "t:sections.main-list-collections.name",
"class": "section",
"settings": [
{
"type": "inline_richtext",
"id": "title",
"label": "t:sections.main-list-collections.settings.title.label",
"default": "Collections"
},
{
"type": "select",
"id": "sort",
"options": [
{
"value": "alphabetical",
"label": "t:sections.main-list-collections.settings.sort.options__1.label"
},
{
"value": "alphabetical_reversed",
"label": "t:sections.main-list-collections.settings.sort.options__2.label"
},
{
"value": "date_reversed",
"label": "t:sections.main-list-collections.settings.sort.options__3.label"
},
{
"value": "date",
"label": "t:sections.main-list-collections.settings.sort.options__4.label"
},
{
"value": "products_high",
"label": "t:sections.main-list-collections.settings.sort.options__5.label"
},
{
"value": "products_low",
"label": "t:sections.main-list-collections.settings.sort.options__6.label"
}
],
"default": "alphabetical",
"label": "t:sections.main-list-collections.settings.sort.label"
},
{
"type": "select",
"id": "image_ratio",
"options": [
{
"value": "adapt",
"label": "t:sections.main-list-collections.settings.image_ratio.options__1.label"
},
{
"value": "portrait",
"label": "t:sections.main-list-collections.settings.image_ratio.options__2.label"
},
{
"value": "square",
"label": "t:sections.main-list-collections.settings.image_ratio.options__3.label"
}
],
"default": "adapt",
"label": "t:sections.main-list-collections.settings.image_ratio.label",
"info": "t:sections.main-list-collections.settings.image_ratio.info"
},
{
"type": "range",
"id": "columns_desktop",
"min": 1,
"max": 5,
"step": 1,
"default": 3,
"label": "t:sections.main-list-collections.settings.columns_desktop.label"
},
{
"type": "header",
"content": "t:sections.main-list-collections.settings.header_mobile.content"
},
{
"type": "select",
"id": "columns_mobile",
"options": [
{
"value": "1",
"label": "t:sections.main-list-collections.settings.columns_mobile.options__1.label"
},
{
"value": "2",
"label": "t:sections.main-list-collections.settings.columns_mobile.options__2.label"
}
],
"default": "2",
"label": "t:sections.main-list-collections.settings.columns_mobile.label"
}
]
}
{% endschema %}

[suyash1 · Accepted solution]

@Bobcomp1129 - in above code you see the code for paginate_by

It is set to 28, change it to the number you want and check

[Bobcomp1129]

That did not fix it.