Liquid Snippets by ALSEL
🏷️

リファレンス/タグ

30 件のスニペット・リファレンス

📘 公式リファレンス🏷️ リファレンス/タグ中級

doc タグ(テンプレートの注釈・ドキュメント)

Liquid テンプレート内にドキュメンテーションコメントを埋め込むタグ。`{% doc %}` ~ `{% enddoc %}` に囲まれたコンテンツは画面に出力されず、内部の Liquid コードは解析されるが実行されない。コード補完、リンティング、インラインドキュメント機能の実装を支援する。

📁 theme-liquid-docs·MIT·12
📘 公式リファレンス🏷️ リファレンス/タグ初級

include タグ(スニペットを埋め込む)

スニペットファイルを Liquid テンプレート内に埋め込んでレンダリングする。埋め込み先の変数にアクセス・変更できるため、親テンプレートと子スニペット間でデータを直接共有する。

📁 theme-liquid-docs·MIT·17
📘 公式リファレンス🏷️ リファレンス/タグ中級

javascript タグ(セクション・ブロック内のコード)

セクション、ブロック、スニペット内に JavaScript コードを記述するタグ。このタグ内に書いた JavaScript は Shopify のテーマビルドシステムにより自動的に読み込まれて実行される。

📁 theme-liquid-docs·MIT·17
📘 公式リファレンス🏷️ リファレンス/タグ初級

sections タグ(セクショングループを描画)

セクショングループをテーマのレイアウト内で描画するタグ。レイアウトファイル内に配置して、複数のセクションをグループ化した内容を出力する。

📁 theme-liquid-docs·MIT·17
📘 公式リファレンス🏷️ リファレンス/タグ初級

stylesheet タグ(CSS定義)

セクション、ブロック、スニペット内で CSS スタイルを定義するタグ。各ファイルにつき1つだけ記述でき、定義した CSS はそのコンポーネント固有の外側スコープで読み込まれて実行される。

📁 theme-liquid-docs·MIT·17
📘 公式リファレンス🏷️ リファレンス/タグ初級

break タグ(ループの中断)

for ループの反復処理を途中で停止するタグ。指定した条件に達したら以降の反復をスキップして、ループを抜ける。

📁 theme-liquid-docs·MIT·23
📘 公式リファレンス🏷️ リファレンス/タグ初級

continue タグ(ループをスキップ)

for ループ内で現在の反復をスキップし、次のイテレーションに進ませる。条件分岐で特定の要素の処理を除外するときに使う。

📁 theme-liquid-docs·MIT·23
📘 公式リファレンス🏷️ リファレンス/タグ初級

decrement タグ(変数を-1ずつ減少)

新しい変数を作成し、初期値を-1に設定して、呼び出すたびに1ずつ減少させる。increment タグと変数を共有するため、同じ変数に対して両方を使うと値が連動する。

📁 theme-liquid-docs·MIT·28
📘 公式リファレンス🏷️ リファレンス/タグ初級

echo タグ(式の出力)

式の値をストアに出力する。`{{ }}` と同じ機能だが、`liquid` タグ内で使える点が異なる。フィルターも適用可能。

📁 theme-liquid-docs·MIT·28
📘 公式リファレンス🏷️ リファレンス/タグ初級

else タグ(条件分岐の初期値)

if、unless、case タグと組み合わせて、すべての条件に当てはまらない場合のデフォルト処理を指定する。条件分岐の最後の選択肢として機能する。

📁 theme-liquid-docs·MIT·28
📘 公式リファレンス🏷️ リファレンス/タグ初級

increment タグ(カウンター変数を加算)

0 から開始して、呼び出すたびに 1 ずつ増加するカウンター変数を作成する。ループ内でループインデックスを別途管理したいときに使う。

📁 theme-liquid-docs·MIT·28
📘 公式リファレンス🏷️ リファレンス/タグ初級

layout タグ(テンプレートのレイアウトを指定)

テンプレートで使用するレイアウトファイルを指定する。デフォルトは theme.liquid だが、別のレイアウトファイルを選択したり、レイアウトなしで実行できる。

📁 theme-liquid-docs·MIT·28
📘 公式リファレンス🏷️ リファレンス/タグ初級

liquid タグ(デリミタなしのLiquidブロック)

複数の Liquid タグを区切り文字なしで記述できるタグ。各タグを個別の行に記述することで、テンプレートの可読性を高める。

📁 theme-liquid-docs·MIT·28
📘 公式リファレンス🏷️ リファレンス/タグ初級

raw タグ(Liquid コードをテキストとして出力)

Liquid コードをテンプレート構文として実行せず、そのままテキストとして出力する。Liquid の変数展開やフィルターを無視して文字列として表示したいときに使う。

📁 theme-liquid-docs·MIT·28
📘 公式リファレンス🏷️ リファレンス/タグ初級

section タグ(セクションを静的に読み込む)

指定したセクションファイルをテンプレート内に静的に読み込んでレンダリングする。セクション内の設定はテーマカスタマイザーで編集可能。

📁 theme-liquid-docs·MIT·28
📘 公式リファレンス🏷️ リファレンス/タグ初級

style タグ(CSS ルールを動的に埋め込み)

HTML の `<style>` タグを生成し、テーマエディタで色設定を変更すると、ページをリロードせず CSS ルールが即座に反映される。color settings をタグ内で参照すると、リアルタイムで更新される。

📁 theme-liquid-docs·MIT·28
📘 公式リファレンス🏷️ リファレンス/タグ初級

assign タグ(変数を作成・代入)

新しい変数を作成し、値を代入する。基本型、オブジェクト、オブジェクトのプロパティなど任意の値を格納できる。

📁 theme-liquid-docs·MIT·32
📘 公式リファレンス🏷️ リファレンス/タグ初級

capture タグ(変数に複雑な文字列を格納)

Liquid ロジックと変数を組み合わせた複雑な文字列を新しい変数に格納する。条件分岐やフィルター処理の結果を1つの変数にまとめて、後で何度も再利用できる。

📁 theme-liquid-docs·MIT·32
📘 公式リファレンス🏷️ リファレンス/タグ初級

unless タグ(条件反転での分岐)

条件が false のときだけ式を表示する。if タグの反対の動作で、「〜でない場合」という否定条件を直感的に書ける。

📁 theme-liquid-docs·MIT·32
📘 公式リファレンス🏷️ リファレンス/タグ中級

content_for タグ(テーマブロック描画領域)

テーマ内でブロック描画領域を定義するタグ。複数ブロックをマーチャント操作可能にする「blocks」モードと、固定ブロックを1つ描画する「block」モードの2種類に対応する。

📁 theme-liquid-docs·MIT·33
📘 公式リファレンス🏷️ リファレンス/タグ初級

cycle タグ(ループ内で文字列を順番に出力)

for ループ内で複数の文字列を順番に繰り返し出力するタグ。1回目は第1文字列、2回目は第2文字列というようにサイクルする。

📁 theme-liquid-docs·MIT·33
📘 公式リファレンス🏷️ リファレンス/タグ初級

comment タグ(コード内のコメント記述)

Liquid コード内にコメントを記述するタグ。`{% comment %}〜{% endcomment %}` で囲んだテキストやコード片は出力されず、Liquid 構文も解析されるが実行されない。

📁 theme-liquid-docs·MIT·38
📘 公式リファレンス🏷️ リファレンス/タグ初級

else タグ(ループが空のときの処理)

for ループの配列が空(長さ0)のときに実行される式を指定する。ループが1件以上あるときは first_expression、0件のときに second_expression が実行される。

📁 theme-liquid-docs·MIT·40
📘 公式リファレンス🏷️ リファレンス/タグ初級

if タグ(条件分岐)

指定した条件が true のときだけ、その中身の式を実行・表示する。if / elsif / else を組み合わせて複数条件の分岐に対応する。

📁 theme-liquid-docs·MIT·42
📘 公式リファレンス🏷️ リファレンス/タグ初級

render タグ(スニペット・アプリブロックの読み込み)

スニペットまたはアプリブロックを呼び出して埋め込む。外側で定義した変数をパラメータで渡すことで、スニペット内でアクセスさせられる。

📁 theme-liquid-docs·MIT·48
📘 公式リファレンス🏷️ リファレンス/タグ初級

case タグ(変数の値に応じた条件分岐)

指定した変数の値を複数の候補と比較し、最初に一致した分岐を実行するタグ。switch-case 文と同等の機能を持つ。

📁 theme-liquid-docs·MIT·58
📘 公式リファレンス🏷️ リファレンス/タグ中級

paginate タグ(配列を複数ページに分割)

50件を超える配列を複数ページに分割して表示する Liquid タグ。for ループの 50イテレーション制限を回避し、ページネーション対応で大量の商品やコメントを効率的に処理する。

📁 theme-liquid-docs·MIT·80
📘 公式リファレンス🏷️ リファレンス/タグ初級

for タグ(配列をループ処理)

配列の各要素に対して表現を繰り返し実行するタグ。1回のループで最大50項目まで処理でき、limit・offset・range・reversed パラメータで細かく制御できる。

📁 theme-liquid-docs·MIT·113
📘 公式リファレンス🏷️ リファレンス/タグ中級

tablerow タグ(配列をHTML表に展開)

配列の各要素を HTML テーブル行として展開する。cols パラメータで列数を指定でき、limit・offset・range で反復範囲を制御できる。

📁 theme-liquid-docs·MIT·113
📘 公式リファレンス🏷️ リファレンス/タグ初級

form タグ(フォーム生成)

HTML フォーム要素を生成する Liquid タグ。フォームタイプ(顧客登録、カート、問い合わせなど)を指定すると、自動的に必要な hidden input や送信先 URL が埋め込まれる。

📁 theme-liquid-docs·MIT·202

このページ