使用 WooCommerce 吸引您的客户流畅滚动加载更多产品插件!
通过使用 Load more products for WooCommerce 的三种交互式方法展示更多产品来吸引您的商店用户:无限滚动、加载更多按钮和分页。
使用无限滚动,您可以在用户向下滚动商店页面时自动显示产品,而无需强迫他们询问或等待
使用“加载更多”按钮,用户可以自由查看其他产品或从他们已经见过的产品中进行选择。它提供各种自定义选项,例如动画、产品限制和“显示更少”按钮。
您可以尝试通过按页面对产品进行分类来在商店中投影更多产品。它用更健壮的 Ajax 驱动的分页取代了传统的加载。
WooCommerce 加载更多产品插件的主要特点
- 使用 3 种交互式方式在商店中加载更多产品
- 无限滚动自动显示更多产品
- 添加“加载更多”按钮以根据用户判断显示产品
- 使用分页轻松对页面中的产品进行分类
- 启用 ‘Show Less’ 按钮
- 配置 ‘Load More’ 和 ‘Show Less’ 按钮
想要在商店页面上根据品牌展示商品?退房 WooCommerce 品牌插件
启用基于 Ajax 的 Infinite Product Scroll
WooCommerce Infinite 滚动允许用户连续向下滚动商店页面,更多产品会自动出现。它使用 AJAX 来确保在滚动过程中快速有效地加载产品。此功能有助于吸引用户、降低跳出率并最终提高转化率。
添加可自定义的“加载更多”按钮
您可以在商店页面上添加 WooCommerce load More 按钮,让访问者查看其他产品。为按钮设置动画效果,并限制其加载的产品数量。启用加载图像并上传自定义图像。
将 Pagination 添加到您的品牌旗舰店
利用分页功能帮助用户在各个页面中找到产品。用户可以通过单击位于商店页面底部的页码轻松地在页面之间导航,并且他们可以为这些页面添加书签以便以后轻松访问。
Create Show Less 按钮
您可以启用 Show less 按钮,以帮助访客查看他们感兴趣的产品并隐藏其余项目。通过文本、背景颜色、鼠标悬停颜色、边框颜色和许多其他选项个性化 Show Less 按钮。
Load Button 的各种动画
使用加载按钮为产品显示添加动画效果,使其更加引人注目。使用以下任一动画类型。
- 弹跳
- 向右弹跳
- 摇
- 淡入
- 淡入
- 向右淡入
- 向左滑入
- 向右滑入/
- 滑入式
- 滑入式
使用简码应用加载更多产品
为 WooCommerce 加载更多产品 创建一个简码,供您轻松复制和粘贴到 Shop 页面或任何特定类别上,以实现加载更多产品。
常见问题
1. 我可以自定义“加载更多”按钮的外观吗?
回答。 是的,WooCommerce 加载更多产品插件提供了自定义选项,允许您根据自己的喜好自定义加载更多按钮。
2. 延迟加载功能对我网站的性能有何好处?
回答。 为 WooCommerce 加载更多产品功能延迟加载通过仅在用户滚动时加载图像来优化页面加载时间,从而减少初始页面加载时间。
3. 我可以设置每次点击时加载的自定义产品数量吗?
回答。 是的,WooCommerce load more 允许您定义每次“加载更多”单击时加载的产品数量。
4. 我可以关闭无限滚动功能并使用传统分页吗?
回答。 是的,该插件允许您在 WooCommerce 无限滚动和传统分页之间切换。
5. WooCommerce 加载更多是否允许您以不同的动画显示产品?
回答。 是的,WooCommerce 加载更多产品具有多种动画样式,可在单击加载更多按钮时显示产品。
更改日志
Version 1.0.4 Compatible with multisite
Version 1.0.3 1: Wrong Query fetching draft products as well: Fixed 2: Show less not working and breaking load more as-well: Fixed 3: Static Products links generating 404 error for product page and cart: Fixed 4: Extra tag rendering sidebar out of col-full and breaking css: Fixed
Version 1.0.2 Bugs Fixes
Version 1.0.1 Fixed database issue
Version 1.0.0 Initial Release