html - Shopify tablerow 循环提前退出

Question

我正在循环浏览我的首页产品集合并生成一个表格。在最后一行，我需要在第一个表格单元格中放置一些静态内容。我已经能够做到这一点，但由于某种原因，循环在它完成后停止。有谁知道为什么？

  {% tablerow product in collections.frontpage.products cols: 2 %}
    {% if tablerowloop.col_first and tablerowloop.last %}
      <img src="{{'box.png' | asset_url}}">
    {% else %}
      <div class='featured-product'>
        <img src="{{ product.images[1] | product_img_url: 'medium' }}">
        <p>{{ product.title }}</p>
      </div>
    {% endif %}
  {% endtablerow %}

这是网站：https ://hodkiewicz-zieme-and-hirthe180.myshopify.com/

Answer 1

tablerowloop.last仅对表的最后一个单元格（即集合的最后一个产品）返回 true，而不是对最后一行返回 true。相反，您需要检查cols集合末尾是否包含索引，如果它是第一列，则它必须是最后一行。

{% tablerow product in collections.frontpage.products cols: 2 %}
  {% assign x = tablerowloop.length | minus:2 %}
  {% if tablerowloop.col_first and tablerowloop.index > x %}
    <img src="{{'box.png' | asset_url}}">
  {% else %}
    <div class='featured-product'>
      <img src="{{ product.images[1] | product_img_url: 'medium' }}">
      <p>{{ product.title }}</p>
    </div>
  {% endif %}
{% endtablerow %}