策略 - InfiniteScroll不工作

MaX*_*MaX 7 php magento infinite-scroll magento-1.9

我想在我的magento网站中实现无限滚动,所以我安装了Strategery - InfiniteScroll扩展但它不起作用,首先我认为这是因为我仍然有分页,但即使在删除分页工具栏后它也无法正常工作.我删除了那些工具栏div

<div class="toolbar-top">
    <?php echo $this->getToolbarHtml() ?>
</div>
Run Code Online (Sandbox Code Playgroud)

从顶部和底部.你能帮我配置一下Strategery - InfiniteScroll扩展吗?

Sha*_*han 4

来自https://github.com/Strategery-Inc/Magento-InfiniteScroll/wiki/Installation-under-a- Different- package---theme :

如果您复制 webroot 上的“infinitescroll”文件夹,这些文件最终将位于默认主题下。这在大多数安装中应该没问题,因为当 Magento 可以在自定义主题中找到文件时,它会回退到默认主题。本文的其余部分介绍了插件未从默认包/主题正确加载的情况。

您应该做的第一件事是将它们移动到您正在使用的包/主题,只是为了确保它们会被加载。

  1. 浏览存储库以查看文件所在的位置。那些位于“app/design/frontend/default/default”内的内容应移至您的包/主题:“app/design/frontend/package/theme”。

  2. 访问以下网址: http: //www.yourwebsite.com/infinitescroll2/js并确保打印一些 Javascript。如果出现 404 则说明模块未正确加载。如果它为空或者出现异常,则该模块可能无法找到布局或模板文件。

  3. 上面的 URL 返回 javascript 后,访问目录中的页面并查看其源代码。确保您可以在源代码中找到以下字符串:“infinitescroll/js” - 它应该作为 SCRIPT 标记的 URL 的一部分存在。如果找不到它,则布局文件存在兼容性问题(该文件在存储库中位于 app/design/frontend/default/default/layout/strategery-infinitescroll.xml)。

  4. 但是,如果该字符串存在,则插件已正确加载和配置。

  5. 最后,一旦您知道正在加载插件,您将必须调整“系统”->“配置”->“目录”->“无限滚动”下的选项,以便正确配置“无限滚动”选项。您会发现两种类型的选择器。第一个是容器,默认称为“category-products”,它“包含”所有项目。类别产品

然后你会发现另一个名为“products-grid”的选择器,它是项目选择器。物品

这两个选择器是您必须在 Content 和 Items.category-products 下的无限滚动配置中输入的选择器

下一个: 下一个

您可以通过在屏幕上第二次单击并在任何现代浏览器中选择“检查元素”来获取代码。

为了使此扩展能够与任何主题配合使用,主题必须具有一个容器 div(如类别产品)和一个项目 div(如产品网格)。

此外,主题必须使寻呼机处于活动状态,否则扩展将因缺少某些选择器而无法工作。

有关如何配置选项的更多信息,请点击以下链接: http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/

或者

如果问题没有解决那么

安装后

  1. 在layout.xml中添加以下内容:

    策略/infinitescroll/init.phtml

  2. 从 app/design/frontend/base/default/template/strategy 路径复制到主题中的同一路径

  3. 从 Skin/frontend/base/default/js/infinitescroll 路径复制到皮肤主题中的同一路径

  4. 确保 /js/jquery/infinitescroll 路径存在并且里面有四个 *.js 文件

  5. 配置插件:

    • 始终在 Include jQuery 字段上设置 Yes
    • 始终查看您的产品列表 div 类与内容字段中的相同。默认主题是“.category-products”类(带点的是类名的第一个登录)
    • 始终在“隐藏工具栏”字段上设置“否”
  6. 当然,您应该刷新所有可能的缓存:)如果不起作用 - 执行以下操作:

  7. 在手动设置网格模式的页面上,您可以在 url 中看到“mode=grid”。这就是全部,伙计们:)