Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I am using the current preset version which is Dawn 5.0. And I want to show 100 items in the home page. I am using a custom section and here is the below code. but the code is only showing 50 items. Can you please help about this issue.
Thanks
<div class="container">
{%- paginate section.settings.collection.products by 100 -%}
<div class="grid test">
{% for product in section.settings.collection.products limit:100 %}
{% render 'tile', product: product %}
{% endfor %}
</div>
{%- if paginate.pages > 1 -%}
<div class="hidden_pagination"> {% render 'pagination', paginate: paginate, anchor: '' %}</div>
{%- endif -%}
{%- endpaginate -%}
<a class="more-link" href="{{section.settings.collection.url}}" style="display: none;">
More
</a>
</div>
{% schema %}
{
"name": "Home Products Grid",
"class": "home-products-grid",
"settings": [
{
"type": "collection",
"id": "collection",
"label": "Select Collection"
}
],
"presets": [
{
"name": "Home Products Grid"
}
]
}
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}
The maximum number of products per page Shopify allows to display is 50, so maybe you can try to add 2 sections so it can display 100 items.
- Helpful? Like and Accept solution! Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Can we not show 100 items in one section on the home page? Is there any solution to show 100 items on the home page like using a featured collection or any other?
@Dan-From-Ryviu
Can we show 100 items in one section on the home page? Is there any solution to show 100 items on the home page like using a featured collection or any other?
Yes we can. Actually, at a glance it seems your code should be working in doing just that. Can you share your store url and indicate which section runs this code you shared? Also make sure your {% render 'tile', product: product %} snippet is not filtering out products, and it goes without saying but your collection should then have at least 100 active products (not draft).
Hello @MaxDesign
Yes, I have a total of 76 items in my home page collection. Here is my store URL - https://man-tle.com/
and I used the below code. But I still see only 50 products on my home page.
<div class="container">
{%- paginate section.settings.collection.products by 100 -%}
<div class="grid test">
{% for product in section.settings.collection.products limit:100 %}
{% render 'tile', product: product %}
{% endfor %}
</div>
{%- if paginate.pages > 1 -%}
<div class="hidden_pagination"> {% render 'pagination', paginate: paginate, anchor: '' %}</div>
{%- endif -%}
{%- endpaginate -%}
<a class="more-link" href="{{section.settings.collection.url}}" style="display: none;">
More
</a>
</div>
{% schema %}
{
"name": "Home Products Grid",
"class": "home-products-grid",
"settings": [
{
"type": "collection",
"id": "collection",
"label": "Select Collection"
}
],
"presets": [
{
"name": "Home Products Grid"
}
]
}
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024