Php 有没有办法在magento中使用infinitescroll实现massy.js?

Php 有没有办法在magento中使用infinitescroll实现massy.js?,php,magento-1.8,infinite-scroll,masonry,Php,Magento 1.8,Infinite Scroll,Masonry,对于使用免费扩展名的infinitescroll am:“vs infinitescroll ajax scrolling”,此扩展名也没有提供onfilct解决方案。它导入的jquery版本是1.7.2,我正在寻找一种方法,使用此扩展名从desendro实现massy.js,并在默认magento中集成两者。有人能给我提供同样的指导吗。有关说明,请参阅 Magento的物品清单可能如下所示: <ul class="products-grid"> <li class="

对于使用免费扩展名的infinitescroll am:“vs infinitescroll ajax scrolling”,此扩展名也没有提供onfilct解决方案。它导入的jquery版本是1.7.2,我正在寻找一种方法,使用此扩展名从desendro实现massy.js,并在默认magento中集成两者。有人能给我提供同样的指导吗。

有关说明,请参阅

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>
  • …此处是产品信息
  • …此处是产品信息
  • …此处是产品信息
所以。按照Massy主页上的说明,您需要首先确保页面部分中包含Masony JS,方法是将其添加到一些XML中——例如,默认部分或目录列表部分中的主题的local.XML文件,这样就不会包含在不需要的页面中

如果您不知道如何做到这一点,可以问一个关于如何向产品列表页面添加自定义JS的新问题。这就是我所说的具体。你需要做最初的工作,把你的问题分成几个小部分,并根据手头的具体任务提出问题。互联网上没有人喜欢做我正在做的事情,并在整个过程中牵着你的手。在他们的业余时间。免费的

下一步是使用主页上描述的两种可用方法之一初始化产品列表上的砌体脚本。例如,您可以将其添加到-标记中:

<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补丁。

我建议请人帮你做这件事。如果你是一名编码员,尝试一些东西,然后带着一个与特定问题或不起作用的代码相关的问题回来。这一切都接近于要求完成家庭作业,或者仅仅要求完成免费工作。好的,那么你能告诉我在ajaxscroll.phtml中在哪里调用砌体功能吗jQuery.ias({container:'.category products',item:'.products grid',item:'.products list',pagination:'.toolbar.pager',next:'.next',loader:'getSkinUrl('images/ajaxscroll/loader.gif');?>“/>');jQuerycontainer.marses()'您能纠正此问题吗?嗨,chris,直接在list.phtml文件中添加此项会在'$'上引发原型重复性错误。但是,我尝试在ajaxsroll.phtml文件中添加以下代码。当前,我在尝试加载事件时未获取错误+未获取砌体,或者此错误在初始化之前无法调用砌体上的方法;尝试调用'added''尝试onLoadItems事件时。'jQuery.ias({container:'.category products',item:'.products grid',item:'.products list',分页:'.toolbar.pager',next:'.next',loader:'getSkinUrl('images/ajaxscroll/loader.gif');?>“/>',load:function(items){var$newElems=jQuery(items.show().css().css({不透明性:0});$newElems.imagesLoaded(function(){$newElems.animate({opacity:1});jQuery('.category products').massy('added',$newElems,true);});return true;});'html可能很好,但您需要在js文件中更改$for jQuery,并可能执行jQuery.noConflict();在包含jQuery库之后立即调用。