Shopify商品列表页实现自动加载下一页产品功能Loading More

1. 找到你要编辑的主题，然后单击：Action > Edit code.
2. 打开文件 theme.liquid 或者在商品列表文件中，引用一个JS文件：

在Assets中新增一个名为loadingmore的JS文件，添加如下代码，保存。
loadingmore.js文件代码

"use strict";var Ajaxinate=function(e){
   var i=e||{
   },n={
   pagination:".AjaxinatePagination",method:"scroll",container:".AjaxinateLoop",offset:0,loadingText:"Loading",callback:null};this.settings=Object.assign(n,i),this.addScrollListeners=this.addScrollListeners.bind(this),this.addClickListener=this.addClickListener.bind(this),this.checkIfPaginationInView=this.checkIfPaginationInView.bind(this),this.stopMultipleClicks=this.stopMultipleClicks.bind(this),this.destroy=this.destroy.bind(this),this.containerElement=document.querySelector(this.settings.container),this.paginationElement=document.querySelector(this.settings.pagination),this.initialize()};Ajaxinate.prototype