如何使用 product.media.size 到 return 整数以在 product.media 数组中使用

Question

我希望我可以使用 product.media.size 到 return 一个整数，用于按索引获取媒体。这是我现在使用的：

{% if product.media.size > 9 %}
  <div style = "padding-bottom: 15px">
      <div class="row">
        <figure style = "margin: 0px">
    <img class = "column" src="{{ product.media[8] | img_url: '500x500'}}">
        </figure>
            <figure style = "margin: 0px">
    <img class = "column" src="{{ product.media[9] | img_url: '500x500'}}"> 
            </figure>
      </div>
        <div class="row">
    <img src="{{ product.media[10] | img_url: '1000x1000'}}">
      </div>
  </div>
  {% endif %}

但如果可能的话，我想做这样的事情，但目前无法正常工作

{% if product.media.size > 9 %}
  <div style = "padding-bottom: 15px">
      <div class="row">
        <figure style = "margin: 0px">
    <img class = "column" src="{{ product.media[product.media.size-2] | img_url: '500x500'}}">
        </figure>
            <figure style = "margin: 0px">
    <img class = "column" src="{{ product.media[product.media.size-1] | img_url: '500x500'}}"> 
            </figure>
      </div>
        <div class="row">
    <img src="{{ product.media[product.media.size] | img_url: '1000x1000'}}">
      </div>
  </div>
  {% endif %}

Answer 1

在液体中，- 符号不用于减去数字，您必须使用 minus 过滤器，这里是 Liquid math filters.

我不确定这个 {{ product.media[product.media.size | minus: 2] | img_url: '500x500'}} 是否有效。

所以我将你想要的数字分配给变量，这应该有效：

{% if product.media.size > 9 %}
  {% assign media_size = product.media.size %}
  {% assign media_size_minus_2 = media_size | minus: 2 %}
  {% assign media_size_minus_1 = media_size | minus: 1 %}
  
  <div style = "padding-bottom: 15px">
    <div class="row">
      <figure style = "margin: 0px">
        <img class = "column" src="{{ product.media[media_size_minus_2] | img_url: '500x500'}}">
      </figure>
      <figure style = "margin: 0px">
        <img class = "column" src="{{ product.media[media_size_minus_1] | img_url: '500x500'}}"> 
      </figure>
    </div>
    <div class="row">
      <img src="{{ product.media[media_size] | img_url: '1000x1000'}}">
    </div>
  </div>
{% endif %}

如何使用 product.media.size 到 return 整数以在 product.media 数组中使用

How do I use product.media.size to return an integer to use in product.media array

shopify