[SVIP 2.0] 37th 产品系列点击加载更多并提示已展示商品数量

两年前发布过 Shopify 产品系列滚动到底部自动加载更多商品的教程，这样客户就不用去点击小页码进入下一页，特别是在移动端，页码较小，不方便点击，改成自动加载更多商品能够提升用户体验，点击查看当时的演示视频。

本期教程在之前的基础上进一步优化，提供另一种选择，让客户点击 Load More 按钮再加载下一页的商品，同时还会显示目前已经展示了产品系列中的多少款商品，例如：

Showing 16 products of 60 products

继续点击 Load More 按钮，数值也会自动更新。

当到达产品系列最后一页时，会自动隐藏按钮并提示客户：

You've reached the last page of this collection

文字提示内容可以自定义修改，比如也可以改成：

You've reached the end of this collection

点击这里查看本期效果预览视频