田中さんにはお子さんが5人います。女の子には人形をあげ、男の子には何もあげないとしましょう。
-本文中

(最終更新 2024年08月04日)

Shopify Liquid for文とif文「 繰り返し実行」or「1度だけ実行 」

注文の通知メールなどでよく使われる、顧客が注文した商品の属性によって表現を変えたい!こういう時に用いられるのがfor文とif文。今回はfor文とif文「 繰り返し実行」or「1度だけ実行 」について解説します。

Shopifyストア構築における条件分岐でよく使われるLiquidのfor文とif文。

2つを合わせて条件分岐を作り、アクションを実行させる構文も多く見受けられます。

今回は「繰り返し実行させる」or「1度だけ実行 」の制御構文について、例文とともに紹介したいと思います。

繰り返し実行

まず、繰り返し実行の例文を見てみましょう。

{% for line in subtotal_line_items %}
{% for tag in line.product.tags %}
{% if tag == '海外発送不可' %}
<p>海外発送不可</p>
{% endif %}
{% endfor %}
{% endfor %}

この構文を簡単に説明すると、

{% for line in subtotal_line_items %}の「subtotal_line_items」は、注文の各商品をループ(要素を1つずつ取り出して「line」という変数に代入して実行)。

{% for tag in line.product.tags %}は、各商品に付けられているタグをループ(こちらも要素1つずつ取り出して「tag」という変数に代入して実行)。

③if文を使い「海外発送不可」というタグを持つ商品を条件分岐→「海外発送不可」表示

④ループは続き、条件分岐も続く(繰り返し実行)

となります。もし、注文の商品10個あって、そのうち5個の商品が「海外発送不可」タグを持っていれば、「海外発送不可」は5回表示されます。

1度だけ実行させる

1度だけ実行に用いられる構文には、{% assign %}{% for %}{% if %}(もしくは{% unless %})の組み合わせがよく使われます。

以下は、1度だけ実行させる構文の例文。

{% assign nooverseas = false %}
{% for line in subtotal_line_items %}
{% for tag in line.product.tags %}
{% if tag == '海外発送不可' %}
{% unless nooverseas %}
<p>海外発送不可商品が含まれています。</p>
{% assign nooverseas = true %}
{% endunless %}
{% endif %}
{% endfor %}
{% endfor %}

この構文、実は理解するまで結構な時間がかかりました。

一つのパッケージのように覚えるしかないと割り切って考えるようにしています。

自分が理解する範囲で解説すると、

①「assign 〇〇〇=false」で初期化:これは、複数ある要素で何かの条件に一致(true)すれば、アクションを実行し、その他の要素はスルーするための仕掛けみたいもの

②for文を使い、ループを回す。ループの回すと、その対象(例えば、注文した商品)が持つ複数の要素を一つずつ取り出して変数に代入して繰り返し実行する。

③if文を使い、条件をつけ、アクションを実行する。

④ここでは、複数のある商品のタグの中で「海外発送不可」というものが出てくれば、{% unless %}以下のアクションが実行される。

⑤「unless 〇〇〇」は、ちょっと分かりづらいが、(ここも割り切って)「if 〇〇〇 ==false」と同じ意味。「assign overseas=false」と初期化されているため、1度目のループでは、条件と一致することになり、以下のアクッションが実行される。

アクションの中には、{% assign nooverseas = true %}と、「nooverseas」を「true」にするアクションもある。そのため、2度目のループでは、同じif tag == '海外発送不可'には、{% unless nooverseas %}は実行されない。要するに「1度だけ実行」が完成するということになる。

という構文になります。

要は、{% unless %}は、2度目以降のループを見据えて設定されたものになるわけです。

この構文は、マイページや注文通知など、注文履歴が確認できるページで、商品のうち一つが「〇〇〇」というタグもしくはコレクションを持っている場合、1度だけ特定の処理をしたい(例えば、注意書きを付け加えるなど)場合によく使われる構文になります。

では「1度だけ実行」の別の使い方と例文を紹介します。

{% assign noshipping = false %}
{% for line in order.line_items %}
{% for collection in line.variant.product.collections %}
{% if collection.title == '発送不要' %}
{% assign noshipping = true %}
{% endif %}
{% endfor %}
{% endfor %}
{% if noshipping %}
発送不要
{% else %}
発送可能
{% endif %}

これは、注文のした商品が「発送不要」というコレクションに属していれば「発送不要」と表示される構文になります。

では、各商品のコレクションを取り出し、繰り返し実行をしているのに、なぜ「1度だけ実行」になるのでしょうか。

ちょっとわかりやすく例を挙げましょう。

田中さんにはお子さんが5人います。女の子には人形をあげ、男の子には何もあげないとしましょう。

お子さんの名前、年齢、性別、身長など色んな属性の中で「性別」だけで判断して、アクションをし、ほかの属性(要素)は無視する。

この「性別」だけで動く構文なので「1度だけ実行」になるのです。

for文のループで複数ある要素を取り出し、if文を使い1つの要素だけが条件があえば、アクションを実行し、ほかの要素は無視するため、「1度だけ実行」と言えるのではないでしょうか。

(この説明で逆に分かりづらくなったのであれば、お詫び申し上げます)

以上、Shopify Liquid for文とif文「 繰り返し実行」or「1度だけ実行 」の(自分なりの)解説と例文でした。

Shopify小技のフリーマーケット

Shopifyを運営する中で、「こんなことできないのか?」という疑問は尽きません。特に初心者にとっては、難しく感じるけれども、実はすぐに活用できる小技がたくさんあります。
当サイトでは、実際に試してみて有効だったShopifyの小技を、誰でも簡単に再利用できるよう提供しています。

少し高度なLiquidのテクニックやアプリを使わずに実装できる機能、そしてカスタマイズのヒントになるアイデアなど、さまざまな情報をご用意しています。

現在、出品者は私1人ですが、 これからさらに充実させていく予定です!もしもShopifyでの設定やカスタマイズで悩んでいる方がいれば、お気軽にお問い合わせください。

もっと知りたい

このブログと運営者について

BLOG More

設定

21時間前

【備忘録】Shopify通知・メルマガ 外部ドメインのメールアドレス認証 (CNAME、DMARC)

自分の備忘録として認証方法の具体的な手順を紹介したいと思います。..

STORY

6日前

収入だけじゃないよ!40代男性「IT関連」副業のメリット5選と個人的な感想

40代男性にとってこのスキルアップは、単なる知識の習得以上の意味を持つことが多いのではないでしょうか。..

Liquid

6日前

【Shopify Liquid】店舗受取を希望する購入者への「注文通知メール」をカスタマイズ

「注文通知メール」にコピペすればOKなのでは?と思われがちですが、なぜか店舗情報が上手く表示されません。..

設定

1週間前

Shopify「店舗受取」運用に必要な基本的なフローと操作まとめ

アパレルや雑貨など「実物を見てから購入したい」お客様に対しても、あらかじめ在庫を確保しておくことで、店舗でのスムーズな購買体験を提供できます。..

設定

1週間前

【Shopify小技】飲食店でのテイクアウトに応用可能!「店舗受取専用」商品を作成する方法

「どこで店舗受取専用の商品を作成すればいいの?」と迷ってしまう人も多いのではないでしょうか?..

Liquid

3週間前

【Shopify Liquid】恥ずかしいけど「CONTAINS」2つの使い方に今日気づいた‥

何の疑問も持っていなかった私、ちょっぴり衝撃でした。..

Liquid

3週間前

【Shopify Liquid】毎月「7」のつく日だけ!限定セールを自動表示する方法

Liquidにおける日にちの自動計算の仕組みはもちろん、for文やif文、フラグの概念も理解しやすくなるはずです。..

アプリ

4週間前

【Shopifyアプリ】注文に「任意の連番」をつける事もできる!「SeriaLogic」の使い方を解説

チケット購入順に入場番号を自動で割り振る事はできないの?..

Liquid

1か月前

【Shopify Liquid】土日など休日はスキップ!自動で最短の発送日を算出して案内する方法

Liquidを使って土日や祝日をスキップし、自動で最短の発送日を算出する方法を紹介します。..

Liquid

1か月前

【Shopify小技】15時までの購入で当日発送と案内&注文メール通知に実装

たとえば、「15時までの注文は当日発送」といった案内を、自動で表示できたら便利だと思いませんか?..

Js

1か月前

【Shopify小技】セール終了の日付と時間までのカウントダウンをJavascriptで実装

こうした視覚的な要素は、購入の後押しとなり、より多くの顧客を引き込む効果が期待できます。..

Liquid

2か月前

【Liquid日付計算】注文通知メールをカスタマイズ!支払期限を翌週月曜日の日付にする

特に「銀行振込」や「コンビニ決済」のような後払いの決済方法では、支払い期限を明示することが重要です。..

制作アイディア

2か月前

Shopifyでファンクラブを制作する人が押さえておくべき「リアルな要件定義」7項目

最初、ファンクラブサイトを作るには手軽なWordPressを考えました。しかし、会員情報を扱うことになるため、セキュリティの不安‥..

Js

2か月前

【JavaScript】Shopify ブログ関係なく特定タグを持つ全記事の一覧を作る(+時系列で並び替え)

残念ながら、Liquidでブログ記事を並び替えできる方法はない(2025年2月現在)ようです。..

Flow

2か月前

【Shopify Flow】注文をGoogleスプレッドシートに追加!つまずきやすい4つのポイントを解説

ただし1点注意点が必要です。注文のラインアイテムを一番最後に表示されるようにするという点です。..

Flow

2か月前

【Shopify Flow】「スケジュール」ワークフロー終了後に「実行対象リスト」を内部メールで送信

実はこのフロー、正確にいうと「実行後」ではなく、ほぼ同時進行になります。..

Flow

2か月前

Shopify Flowとはなに?使い方のヒントになる実践サンプル6選

日本語対応にはまだ課題があり、独自の組み合わせによって初心者には少々ハードルが高い領域と言えます。..

Liquid

2か月前

Shopify「ブログ」カスタマイズ&オリジナル記事一覧作成のヒント8選

商品ページだけでは伝えきれない情報を発信する事によってきっとECサイトの成長に役立つと考えられます。..

Liquid

2か月前

【Shopify カスタマイズ】メニュー カスタマイズ&作成するために知っておくべき事5選

オリジナルメニューを作成することで、サイトの使いやすさや視覚的魅力を向上させることができます。..

アプリ

3か月前

【Shopifyアプリ】会員のQRコードを簡単生成!イベントで入場チェックをする

QRコード入場が流行っているけど、うちでも導入できないか?..

アプリ

3か月前

Helium Customer Fieldsを使って顧客に任意のタグを付けるフォームを作成

会員からの退会希望の通知を受けたスタッフは、有効期限と会員番号のメタフィールドの値を削除し、「有料会員」タグを削除するなど、マニュアル作業が発生してしまいます。..

Liquid

3か月前

【Shopify小技】アプリなしでストア会員にメルマガ登録を促すボックスを作る

アプリなしでのカスタマイズは、AjaxリクエストやCustomerのAccount APIの用いる必要があるため難しい..

Flow

3か月前

【Shopify Flow】特別な日にロイヤリティの高い顧客にクーポン番号メールを送る

このパレートの法則に基づき、客単価の高いリピーターを増やす戦略が練られております。..

Flow

3か月前

【Shopify Flow】ちょっと気になる「Get product data」「Get customer data」データの絞り込みについて

上限100名にしかデータ取得ができないため、その中でさらに「苦情履歴あり」タグを持つユーザーを絞り込むと、9900人は対象から外れる・・..

Liquid

3か月前

【Shopify小技】アプリなしで商品公開後「販売開始日時」を指定(予約)する方法

可能であれば、商品ページが公開された状態で特定の日時に購入ができるようにしたい‥..

Js

3か月前

【Shopify小技】特定の商品オプションを選択すると注意書きがモーダル表示される

そうすると、知らなかった、読んでいないと苦情を言う人が続出する気が‥..

Liquid

3か月前

【Shopify小技】BtoBビジネスに有効かも?カートに入れた数をリアルタイムで制限

ブラウザの再読み込みをしないと「cart.item_count」にその数値が反映されません。..

Liquid

4か月前

【Shopify Liquid】空の変数で作る「重複しない」コレクションの商品タグリスト

ループ(for文)を使ってリスト化すると「小学生用」「セール中」が2回出現する事になります。..

Liquid

4か月前

【Shopify Liquid】在庫のある商品リスト(配列)を作る「空の変数」について

変数に格納する値が「空」の変数を指します。..

Flow

4か月前

【Shopify Flow】インターナルメールで支払い未確定注文をスタッフに知らせる

ワークフロー設計の抽象的なため、慣れるまでに時間がかかると言われています。..