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.
Topic summary
Goal: Show all products on a Shopify collection page instead of ~27 per page.
What was tried:
- Checked Theme Customize for a setting to increase items per page; none found.
- Advised to edit collection template code and search for the term “pagination.”
- Merchant shared site link and pasted a Liquid snippet.
Key technical detail:
- The shared code paginates “collections” (paginate collections by paginate_by) with paginate_by set to 30 or 28 based on a modulo, and renders a pagination snippet. This appears to control a collections list section, not the product grid on an individual collection page (which would typically paginate collection.products).
Latest update:
- Changing paginate_by in the provided snippet did not affect the products-per-page on the target collection page.
Status and next steps:
- Unresolved. Correct file/template that handles the collection’s product grid needs to be identified and edited, or collaborator access provided to locate and adjust the actual product pagination.
@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
No there is not an option to change it there.
@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
Here is the site.
@Bobcomp1129 - check this collection template code in your files , check if you have a word ‘pagination’
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' endcaseif 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 -%}
-
{%- for collection in collections -%}
- {% render 'card-collection', card_collection: collection, media_aspect_ratio: section.settings.image_ratio, columns: 3 %} {%- endfor -%}
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 %}
@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
That did not fix it.