📘 公式リファレンス🏷️ リファレンス/タグ初級
sections タグ(セクショングループを描画)
セクショングループをテーマのレイアウト内で描画するタグ。レイアウトファイル内に配置して、複数のセクションをグループ化した内容を出力する。
用途
theme.liquid などレイアウトファイルで、セクショングループ(複数セクションをまとめたファイル)を特定の場所に埋め込みたいとき。
設置場所
theme.liquid または他のレイアウトファイル内で `{% sections 'セクショングループ名' %}` の形で使う。セクショングループ名はファイル名に対応する。
注意点
セクショングループファイルが sections/groups フォルダ内に存在することが前提。ファイル名とタグ内の引数が一致していないと描画されない。セクショングループの詳細な実装方法は Shopify の「セクショングループ」ドキュメントを参照する。
仕様
17 行 / json{
"category": "theme",
"deprecated": false,
"deprecation_reason": "",
"description": "Use this tag to render section groups as part of the theme's [layout](/themes/architecture/layouts) content. Place the `sections` tag where you want to render it in the layout.\n\nTo learn more about section groups and how to use them in your theme, refer to [Section groups](/themes/architecture/section-groups#usage).",
"parameters": [],
"summary": "Renders a [section group](/themes/architecture/section-groups).",
"name": "sections",
"syntax": "{% sections 'name' %}",
"syntax_keywords": [
{
"keyword": "name",
"description": "The name of the section group file you want to render."
}
],
"examples": []
}出典・ライセンス
- Repository:
- https://github.com/Shopify/theme-liquid-docs
- License:
- MIT
このコードは Shopify 著作の MIT ライセンスソースです。 原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。
関連項目
📘 公式リファレンス🏷️ リファレンス/タグ中級
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 行
📘 公式リファレンス🏷️ リファレンス/タグ初級
stylesheet タグ(CSS定義)
セクション、ブロック、スニペット内で CSS スタイルを定義するタグ。各ファイルにつき1つだけ記述でき、定義した CSS はそのコンポーネント固有の外側スコープで読み込まれて実行される。
📁 theme-liquid-docs·MIT·17 行
📘 公式リファレンス🏷️ リファレンス/タグ初級
break タグ(ループの中断)
for ループの反復処理を途中で停止するタグ。指定した条件に達したら以降の反復をスキップして、ループを抜ける。
📁 theme-liquid-docs·MIT·23 行
📘 公式リファレンス🏷️ リファレンス/タグ初級
continue タグ(ループをスキップ)
for ループ内で現在の反復をスキップし、次のイテレーションに進ませる。条件分岐で特定の要素の処理を除外するときに使う。
📁 theme-liquid-docs·MIT·23 行