田中さんにはお子さんが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

SEO

4日前

Google、AIモードの導入を発表!収益減少が懸念される中、最も有力なマネタイズとは

このホテル、評価高いし、割引ついてるよ。数ステップで簡単に予約できるけど、今やる?..

SEO

4日前

AI時代のSEOはオワコン?その真実と「違います」と言える4つの理由

たとえば「近くのコンビニを教えて」といったシンプルな質問に、毎回AIが複雑な推論や自然言語生成をしていたら、とんでもないコストになります。..

設定

1週間前

【Shopify豆知識】ヘッドレス(Headless)ってなに?

少し不気味で怪談を連想させるような響きですが、実際にはShopifyのメリットとして注目されている仕組みのひとつです。..

Liquid

2週間前

【Shopify小技】商品の「カートに追加」の仕組みをシンプルに解説(サンプルコード))

この仕組みにはLiquidだけでなく、JavaScriptやAjax、さらにはサーバー側で動くRubyなど、複数の技術が関わっている..

Liquid

3週間前

カートのノーティフィケーションやドロワーで1注文での同時購入を防ぐ方法は可能?

ノーティフィケーション(画面上部に一瞬表示される通知型カート)については、やや難易度が高めです。..

Liquid

3週間前

【Shopify Liquid】カート内で1つの注文に同時購入を防ぐシンプルな方法

ここで使われているのが、Liquidでよく用いられる「フラグ(真偽)」という考え方です。..

STORY

4週間前

なぜ鳥の巣はあんなに頑丈なのか?成功における「うまくいかない瞬間」の重要性

鳥の巣の初期段階のように、私たちの挑戦も、最初は失敗と不安定の連続です。..

Liquid

4週間前

【Shopify Liquid】商品ページの「オプション」を色か画像にしたい

そもそもShopifyの商品オプションに画像や色を登録できるのか?..

STORY

4週間前

現代言語哲学の巨人が教えてくれた「失敗する人の口癖」とは

あの時もし、あの会社に転職していたら・・..

アプリ

4週間前

【Shopifyアプリ】商品ページから簡単に見積もりを送信!履歴から下書き注文作成も可能

旅行会社、工事や建築、リフォーム業、OEM制作、ノベルティ制作、レンタル業なども十分対応できる‥..

STORY

1か月前

40代・50代にとって新たな挑戦が「苦痛」である理由・・私が救われたニーチェの言葉

苦しみがあるからこそ、深みが生まれる。..

SEO

1か月前

【ローカルSEO】AI時代「ラーメン屋」で検索上位のためのコツ&対策キーワード

ラーメンとチャーハンの欲張りセット、絶賛販売中!新宿駅から徒歩3分..

STORY

1か月前

中卒のシングルマザーが小惑星を発見!? スタンダードを破る成功者たち「ダークホース」

彼女は15歳で高校を中退し、高卒認定試験にも不合格。いわゆる「成功のレール」からは大きく外れた人生を歩んでいました。..

STORY

1か月前

新たな挑戦をするほどタバコや酒、スマホの依存が強くなる理由「悪循環の消防士たち」とは

この消防士たち、なんと「中毒」や「依存」という形で、僕たちを無理やり落ち着かせようとする。..

Liquid

1か月前

【Shopify Liquid】商品ページ「バリエーションの在庫ステータス」その仕組みについて

ブロックを複数箇所に設置しても、動的操作ができるのは1箇所のみという制限があります。..

設定

2か月前

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

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

STORY

2か月前

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

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

Liquid

2か月前

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

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

設定

2か月前

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

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

設定

2か月前

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

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

Liquid

2か月前

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

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

Liquid

2か月前

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

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

アプリ

3か月前

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

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

Liquid

3か月前

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

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

Liquid

3か月前

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

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

Js

3か月前

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

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

Liquid

3か月前

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

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

制作アイディア

3か月前

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

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

Js

3か月前

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

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

Flow

3か月前

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

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