dragon8002 2014-12-11 08:48
浏览 57
已采纳

有没有办法用infinitescroll在magento中实现masonry.js?

For infinitescroll am using the free extension: 'vs-infinite-ajax-scrolling', this extension provides noconfilct workaround too jquery version it imports is 1.7.2, am looking for a way to implement masonry.js from desendro with this extension and integrate both in default magento. can anyone please guide me on the same.

  • 写回答

1条回答 默认 最新

  • douzhe1264 2014-12-11 12:44
    关注

    See http://masonry.desandro.com/#getting-started for instructions.

    Magento probably has the item listings looking something like this:

    <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>
    

    So. Following the instructions on Masonry's homepage you need to first make sure that the Masony JS in included in you page section, by adding it to some of you XML - for example your theme's local.xml file in the default section or perhaps just in the catalog listing section so it won't be included on pages where it's not needed.

    If you can't figure out how to do this, ask a new question on how to add a custom JS to product listing pages. This is what I meant by being specific. You need to do the initial work, breaking up your problem into smaller parts and asking questions based on the specific task at hand. Nobody on the internet likes to do what I'm doing and holding your hand all through the process. On their spare time. For free.

    Next up is to initialize the Masonry script on the product listing using one of the two methods available and described on their homepage. For example you can add this to the -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>
    

    And it should probably work, maybe with some added CSS fixes.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 为什么apriori的运行时间会比fp growth的运行时间短呢
  • ¥15 帮我解决一下膳食平衡的线性规划模型的数据实例
  • ¥40 万年历缺少农历,需要和阳历同时显示
  • ¥250 雷电模拟器内存穿透、寻基址和特征码的教学
  • ¥200 比特币ord程序wallet_constructor.rs文件支持一次性铸造1000个代币,并将它们分配到40个UTXO上(每个UTXO上分配25个代币),并设置找零地址
  • ¥15 关于Java的学习问题
  • ¥15 如何使用chatgpt完成文本分类任务?
  • ¥15 已知速度v关于位置s的等式,怎么转化为已知位置求速度v的等式
  • ¥15 我有个餐饮系统,用wampserver把环境配置好了,但是后端的网页却进去,是为什么,能不能帮远程一下?
  • ¥15 R运行没有名称为"species"的插槽对于此对象类"SDMmodelCV"