【for文の使い方】liquidファイル内でforループの変数に演算子を使う方法

日本語 ディスカッション 技術的なQ＆A
1

テーマはDawnを利用しています。

初歩的なことかもしれませんが、forの使い方についてアドバイスいただけますと助かります。

実現したいこと

リキッドファイル内の下記のコードについて、 photos[i] を、[i]に+1した数字で取得したいです。

※{% for i in (1..8) %}の部分は変更せずに、if文の中で変更したいです。

{% for i in (1..8) %}
 {% if block.settings.{{photos[i]}} %}

試したこと

[i]を、[i+1]と[i++]に変更してみましたが、エラーとなりました。

{% for i in (1..8) %}
 {% if block.settings.{{photos[i+1]}} %}

{% for i in (1..8) %}
 {% if block.settings.{{photos[i++]}} %}

詳細

「main-product.liquid」ファイル内で、以下のようなコードを記述しており、正常に動いているのですが、

photos[i] と types[i] で「i」に代入したい数字が1ずれているので、photos[i]に代入する数字を、「 i+1 」としたいのですが、そのまま photos[i+1] と記載するとエラーとなってしまいます。

{% assign photos = 'photo00,photo01,photo02,photo03,photo04,photo05,photo06,photo07,photo08'|split:','%}
                  function noshiPhoto () {
                    {% for i in (1..8) %}
                      {% if block.settings.{{photos[i]}} %}
                      var photo = document.getElementById("{{photos[i]}}");
                      if (type.value === "{{ types[i] }}") {
                        photo.style.display = "block";
                      }else{
                        photo.style.display = "none";
                      } 
                    {% endif %} 
                     {% endfor %}
                  };

もし「i」に「+1」可能な記述方法があればアドバイスいただけますと幸いです。

よろしくお願いいたします。

2

Nishi-Ec 様

お世話になっております。

フルバランスの道家と申します。

liquidの四則計算は、以下のように行う必要がございます。

https://blackpigtail.com/web-design/2680

そのため、以下のコードで j が i+1 した状態になるかと思いますので、お試しいただけますと幸いです。

{% for i in (1..8) %}
    {% assign j = i | plus: 1 %}
    {{ j }}

  {% endfor %}

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

フルバランス 道家

3

早速のご回答ありがとうございます。

ご教示の方法で解決しました。