通过 
搜索
搜索magepow / infinitescroll
Magento 2 无限滚动插件，自动加载产品目录，无需重新加载页面。
1.0.8
2023-12-15 01:57 UTC
Requires
- magepow/core: ^1.0.0
README
Magento 2 无限滚动（Magepow 无限滚动扩展免费版）
无限滚动 插件适用于 Magento 2，可自动加载产品目录，无需重新加载页面。您的客户将因您网站的支持性导航和高效性能而感到惊喜。
查看更多信息:
亮点功能
-
在单页面上自动加载内容和图片。
-
访客可以在单页面上查看所有内容。
-
显示“加载更多”图表，帮助用户查看更多产品。
-
减少对服务器的请求，提高网站速度
-
增加 Magento 网站的专业动画效果。
-
支持提高网站在搜索引擎中的排名
-
响应式
如何使用 Infinite Scroll 扩展
在继续之前，请确保您满足以下要求
- 您已安装 magento2
- 您正在使用 Linux 或 Mac OS 机器。目前不支持 Windows。安装 Magento 2 Infinite Scroll 扩展
步骤 1 : 下载 Magento 2 Infinitescroll 扩展
通过 composer 安装（推荐）
在 Magento 2 根目录中运行以下命令
composer require magepow/infinitescroll
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f
步骤 2: 用户指南
Magento 2 Infinite scroll 扩展的主要功能
- 不间断的 Ajax 滚动。
- 自由向下滚动，并查看用户所在的目录页面。
- 自动加载页面。
- 显示加载按钮。
- 可以提供/分享指向特定位置的链接。
- 易于定制。
- 类似于 Twitter、Facebook 上的技术。
- 提高商店的转化率。
- 易于更改按钮和加载文本。
2.1. 一般配置
登录到 Magento 管理员 > 商店 > 配置 > Magepow > Infinite scroll > 启用 > 选择“是”以启用该模块。
在 商店 > 配置 > Magepow > Infinite scroll 中我们设置
- 延迟（毫秒）：向下滚动时的延迟时间，默认 600。
- 内容：选择围绕您将要加载更多元素的外部元素（例如 = .classname/#id）。
- 分页：选择用于加载更多分页的类和 ID。
- 下一页：选择用于转到下一页的链接的类和 ID。
- 项目：选择您要配置的所有加载更多项目的类名。
- 加载文本：在页面加载时放置任何文本。
- 完成文本：下载完成后，将显示您配置的文本。
- 加载图像占位符：在下载更多内容时显示的图标，您可以随意更改它或使用 Magento 的默认图标。
- 加载更多阈值：当达到此页码时，将显示一个加载更多产品的按钮，而不是继续自动加载产品。
- 加载更多按钮文本：配置下载按钮文本。配置完成后，保存并清除缓存。运行以下命令
php bin/magento cache:clean
2.2. 结果
3. 事件
- 使用 Ajax 代码刷新 Infinite Scroll 更新
$('body').trigger('collectionUpdated');
捐赠
如果这个项目帮助您缩短开发时间，您可以给我一杯咖啡：）