Shopify根据所使用的主题不同,可利用的功能也各不相同。本文将聚焦于其中的“无限滚动”功能,介绍推荐的支持无限滚动的主题。
无限滚动是一种用于网站或应用程序显示内容的方式。当内容很多时,不再使用翻页查看,而是以保持在同一页面上的方式不断加载和显示新的内容。
无限滚动(Infinite Scroll)自2006年发明以来,已广泛应用于各类社交媒体APP。以顺畅持续的内容加载方式著称,有效提高了用户访问页面的停留时间。
Shopify由于Liquid的限制,一般一个集合页面内能显示的商品卡片数量最多为50个。然而通过无限滚动功能,可以突破这一限制,在用户离开页面前加载并显示更多商品。特别对于服饰等拥有大量热门商品的店铺而言,尽可能向用户展示更多商品有助于提高销售转化。
无限滚动主要分为两种方式。
根据滚动位置等状态,自动加载新内容。这种方式使用便利,但需要特别注意,由于用户可快速加载大量内容,当页面内包含大量高清图片时应特别注意加载速度。
显示「查看更多」、「Load more」等按钮,用户点击后再加载和显示新内容的方法。
实际上支持无限滚动功能的Shopify主题意外地多,截至2025年2月共有111个主题支持无限滚动。本次将从中挑选3个特别受欢迎的主题进行介绍。
574条评论 / 98% 好评
Be yours是2022年发布的热门主题。可通过集合页面设置里的「商品网格」选项启用无限滚动功能。
选择「无限」时,将根据滚动位置自动加载商品卡片,即采用自动加载方式;选择「点击加载更多」则为手动加载方式。
279条评论 / 95% 好评
Palo Alto也是一款非常受欢迎的主题。在主题设置的「Pagination」中启用「Enable infinity scroll」即可使用无限滚动功能。与Be yours不同,该主题仅提供自动加载方式,但具备Be yours所没有的「返回顶部按钮」。
返回顶部按钮通常与无限滚动功能配套使用。当采用无限滚动加载内容时,用户很难快速返回到页面顶部。例如当顾客想再次查看最初浏览到的一些商品时,就需反复滚动页面回顶部。此时『返回顶部按钮』可以令顾客毫无压力地快速回到页面顶部。
此外,Palo Alto的博客文章列表页面也支持无限滚动。对于以博客为核心内容的商店来说,该主题或许比Be yours更具竞争优势。
308条评论 / 90% 好评
最后要介绍的是Flow主题。
与最初介绍的Be yours一样,这款主题也可以通过集合页面设置启用无限滚动功能。
选择「无限滚动」为自动加载方式,选择「加载更多」为手动加载方式。
如果您无法切换到上述主题,也可以考虑使用专门为Shopify添加无限滚动功能的应用。MF Infinite Scroll Pro即可快速、轻松地为您的集合页面提供自动加载或手动加载方式。该应用已在Dawn、Rise等免费主题,以及Prestige、Impact、Impulse等著名付费主题中有丰富的应用案例。如对无限滚动功能感兴趣,请务必尝试该应用。
本文介绍了可以使用无限滚动功能的Shopify主题。对于SKU超过100个的店铺等大量商品运营的场景而言,无限滚动功能特别有效力。希望能对您的选择有所帮助。