Scroll 使用Product.Loop购物无限卷轴

好的。因此，我试图让下面的脚本与shopify上的无限卷轴一起工作

问题是，我的主题中有一个特殊的版本，名为product.loop，它调用产品，这似乎是另一种方式

开始时，他们说编辑集合。液体是

{% paginate collection.products by 20 %} 
<!-- the top of your collections.liquid --> 

<!-- START PRODUCTS --> 
{% for product in collection.products %} 
<!-- START PRODUCT {{ forloop.index | plus:paginate.current_offset }} -->
<div class="product" id="product-{{ forloop.index | plus:paginate.current_offset }}"> {% include 'product' with product %} </div>
<!-- END PRODUCT {{ forloop.index | plus:paginate.current_offset }} --> 
{% endfor %}

{% if paginate.next %}
<div id="more">
  <p>&darr; <a href="{{ paginate.next.url }}">More</a></p>
</div>
{% endif %}
<div id="product-list-foot"></div>
<!-- END PRODUCTS --> 

<!-- the bottom of your collections.liquid --> 
{% endpaginate %}

在尝试调用产品循环中。我还没有完全康复

 Liquid error: Could not find asset snippets/product.liquid

---

我试着联系插件创建者，但他没有时间，试着在其他论坛上发帖，但他们的回复似乎相当平淡。因此，我正在寻求社区的建议。另外，我在网上看到了其他人的这个问题，但还没有找到修复程序。谢谢您的帮助。

在您的第一个代码块中，有一个

{%include'product'with product%}

正在查找名为

product.liquid

的代码段，可能包含您的产品网格项的标记，该标记在主题中缺失。

 {% if template contains 'collection' %}
         function ScrollExecute() {
           if($(document).height() - 800 < ($(document).scrollTop() + $(window).height())) {
               scrollNode = $('#more').last();    
               scrollURL = $('#more p a').last().attr("href");
               if(scrollNode.length > 0 && scrollNode.css('display') != 'none') {
                   $.ajax({
                       type: 'GET',
                       url: scrollURL,
                       beforeSend: function() {
                           scrollNode.clone().empty().insertAfter(scrollNode).append('<img src=\"{{ "loading.gif" | asset_url }}\" />');
                           scrollNode.hide();
                       },
                       success: function(data) {
                           // remove loading feedback
                           scrollNode.next().remove();
                           var filteredData = $(data).find(".product");
                           filteredData.insertBefore( $("#product-list-foot") );                   
                       },
                       dataType: "html"
                   });
               }
           }
         }

         $(document).ready(function () {
           $(window).scroll(function(){
               $.doTimeout( 'scroll', 200, ScrollExecute);
           });
         });
    {% endif %}

{% if template contains 'collection' %}
     function ScrollExecute() {
       if($(document).height() - 800 < ($(document).scrollTop() + $(window).height())) {
           scrollNode = $('#more').last();    
           scrollURL = $('#more p a').last().attr("href");
           if(scrollNode.length > 0 && scrollNode.css('display') != 'none') {
               $.ajax({
                   type: 'GET',
                   url: scrollURL,
                   beforeSend: function() {
                       scrollNode.clone().empty().insertAfter(scrollNode).append('<img src=\"{{ "loading.gif" | asset_url }}\" />');
                       scrollNode.hide();
                   },
                   success: function(data) {
                       // remove loading feedback
                       scrollNode.next().remove();
                       var filteredData = $(data).find(".product");
                       filteredData.insertBefore( $("#product-list-foot") );                   
                   },
                   dataType: "html"
               });
           }
       }
     }

     $(document).ready(function () {
       $(window).scroll(function(){
           $.doTimeout( 'scroll', 200, ScrollExecute);
       });
     });
{% endif %}

<div id="collection">
    {% if col_group.products.size > 0 %}
        {% for product in col_group.products %}
        {% if col_settings == '3' %}
            {% cycle 'product-loop-clear-start-2': '<div class="row-fluid"><ul class="thumbnails">', '', '' %}
        {% elsif col_settings == '4' %}
            {% cycle 'product-loop-clear-start-2': '<div class="row-fluid"><ul class="thumbnails">', '', '', '' %}
        {% endif %}

            <li class="span{% if col_settings == '4' %}3{% elsif col_settings == '3' %}4{% endif %} {% for collection in product.collections %}{{ collection.title }} {% endfor %}">
                <div class="thumbnail">
                    <a class="bl center rel" href= "{{ product.url | within: col_group }}" title="{{ product.title }}">
                        <img src="{{ product.featured_image | product_img_url: 'large' }}" alt="{{ product.featured_image.alt }}">
                        {% if product.available %}
                            {% if product.compare_at_price_max > product.price %}
                            <span class="{{ settings.sale_icon }} abs">{{ 'product.product_loop.on_sale' | t }}</span>
                            {% endif %}
                        {% else %}
                            <span class="label abs">{{ 'product.product_loop.out_of_stock' | t }}</span>
                        {% endif %}
                    </a>
                    <div class="caption">
                        <h4><a href= "{{ product.url | within: col_group }}" title="{{ product.title }}">{{ product.title }}</a></h4>
                        <p>
                            {% if product.price_varies %}{{ 'product.product_loop.price_varies' | t }}{% endif %}{{ product.price_min | money_with_currency }}
                        </p>
                    </div>
                </div>
            </li>
            {% if forloop.last %}
        </ul>
        </div>
        {% else %}
            {% if col_settings == '3' %}
                {% cycle 'product-loop-clear-end-2': '', '', '</ul></div>' %}
            {% elsif col_settings == '4' %}
                {% cycle 'product-loop-clear-end-2': '', '', '', '</ul></div>' %}
            {% endif %}
        {% endif %}
        {% endfor %}
    {% else %}
        <p class="alert">{{ product.product_loop.empty_collection_alert }}</p>
    {% endif %}
</div>

{% include 'product-loop' with product %}

 Liquid error: Could not find asset snippets/product.liquid