Shopify集合页无限滚动仅显示48个商品，如何调整加载全部商品？

解决步骤 #

• 第一步：检查并修正分页声明
  在collection-template.liquid文件最顶部添加/修改paginate标签，绑定你调整过的每页商品数设置项：

{% paginate collection.products by section.settings.grid_items_per_page %}

Shopify平台单页分页最大支持250个商品，你设置的100符合平台限制，不会触发截断。

• 第二步：排查商品列表截断逻辑
  检查collection.products循环外层是否有{% limit 48 %}之类的硬编码截断标签；另外你当前只输出可售商品，可以临时移除{% if product.available %}判断测试总商品数是否符合预期，确认无问题后再恢复过滤规则。

• 第三步：确认草稿主题配置生效
  你在未上线的草稿主题修改schema后，需要手动进入草稿主题的自定义设置页面，拖动「Products per page」滑块到目标数值并保存，仅修改schema的max值不会自动更新已保存的配置。草稿主题的配置完全独立，无需修改线上主题的设置。

• 第四步：调试Ajaxinate加载逻辑
  如果上述操作后仍有问题，给Ajaxinate配置开启debug模式，在浏览器控制台查看分页请求情况：

document.addEventListener("DOMContentLoaded", function() {
  var endlessScroll = new Ajaxinate({
    container: '#js-ajax-loop',
    pagination: '#js-ajax-pagination',
    debug: true
  });
});

若滚动到48个商品后没有下一页请求，或请求返回的分页信息中无下一页链接，回到前两步排查分页配置即可。

内容的提问来源于stack exchange，提问作者MeltingDog