Question

我目前正在制作Shopify主题，我有一份所有产品的清单，我已过滤它们只显示带有以下标签'氯丁橡胶'的任何内容 - 我怎么不限制标记产品只显示4 ？

任何帮助都将不胜感激！

<main class="wrapper">
  <div class="grid">
    <div class="grid__item">
      <div class="large--one-whole">
      {% for product in collections.all.products limit: 9999 %}
        {% if product.tags contains 'Neoprene' %}
        <div class="landing-product grid__item large--one-quarter medium--one-quarter small--one-half">
          <a href="{{ product.url }}" class="img">
            {% for image in product.images %}
              <span class="grid-link__image-centered">
                <img src="{{ product.featured_image.src | img_url: 'grande' }}" alt="{{ product.featured_image.alt | escape }}">
              </span>
            {% endfor %}
          </a>
          <a href="{{ product.url }}" class="title">
            {{ product.title }}
          </a>
          <a href="{{ product.url }}" class="price">
            {{ product.price | money }}
          </a>
        </div>
        {% endif %}
      {% endfor %}
      </div>
    </div>
  </div>
</main>

Answer 1

<main class="wrapper">
  <div class="grid">
    <div class="grid__item">
      <div class="large--one-whole">
      {% assign a = 0 %}
      {% for product in collections.all.products limit: 9999 %}
        {% if a == 4 %}
            {% break %}
        {% else %}        
          {% if product.tags contains 'Neoprene' %}
          {% assign a = a | plus : 1 %}
          <div class="landing-product grid__item large--one-quarter medium--one-quarter small--one-half">
            <a href="{{ product.url }}" class="img">
              {% for image in product.images %}
                <span class="grid-link__image-centered">
                  <img src="{{ product.featured_image.src | img_url: 'grande' }}" alt="{{ product.featured_image.alt | escape }}">
                </span>
              {% endfor %}
            </a>
            <a href="{{ product.url }}" class="title">
              {{ product.title }}
            </a>
            <a href="{{ product.url }}" class="price">
              {{ product.price | money }}
            </a>
          </div>
          {% endif %}
        {% endif %}
      {% endfor %}
      </div>
    </div>
  </div>
</main>

Shopify限制标记产品

1 个答案: