有没有办法用无限滚动在 magento 中实现 masonry.js？

Question

对于使用免费扩展程序的无限滚动：'vs-infinite-ajax-scrolling'，此扩展程序也提供了 noconfilct 解决方法，它导入的 jquery 版本是 1.7.2，我正在寻找一种从 desendro 实现 masonry.js 的方法扩展并将两者集成到默认的 magento 中。任何人都可以请指导我。

Answer 1

有关说明，请参阅 http://masonry.desandro.com/#getting-started。

Magento 的项目列表可能看起来像这样：

<ul class="products-grid">
    <li class="item">...product info here...</li>
    <li class="item">...product info here...</li>
    <li class="item">...product info here...</li>
</ul>

所以。按照 Masonry 主页上的说明，您需要首先确保将 Masony JS 包含在您的页面部分中，方法是将其添加到您的一些 XML 中 - 例如默认部分中的主题 local.xml 文件，或者可能只是在目录中列表部分，因此它不会包含在不需要的页面上。

如果您不知道如何执行此操作，请提出一个关于如何将自定义 JS 添加到产品列表页面的新问题。这就是我说的具体的意思。你需要做最初的工作，将你的问题分解成更小的部分，并根据手头的具体任务提出问题。互联网上没有人喜欢做我正在做的事情并在整个过程中握着你的手。在他们的业余时间。免费。

接下来是使用主页上描述的两种可用方法之一来初始化产品列表中的 Masonry 脚本。例如，您可以将其添加到 -tag：

<ul class="products-grid js-masonry" data-masonry-options="{ 'columnWidth': 200, 'itemSelector': '.item' }">
    <li class="item">...product info goes here..</li>
    <li class="item">...product info goes here..</li>
    <li class="item">...product info goes here..</li>
</ul>

它应该可以工作，也许添加了一些 CSS 修复。