[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

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

以下内容只有授权的 SVIP 用户才能查看

目前已有 322 位 SVIP, 如果你还不是

可微信私聊: Shopify2006 或 扫码 ↓

Shopify2006_Wechat

别人能学会的, 你也能会

来自 Shopify 官方的介绍

内容标签:   #SVIP 2.0,   #Shopify 主题优化,   #Shopify 主题开发,   #Shopify 店铺装修,   #Shopify提升转化