Shopify Liquid チートシート

↑↓ で選択、Enter で項目へ移動します。
Shopify Liquid チートシート（日本語）｜タグ・フィルター・オブジェクト一覧と検索
Shopify Liquid チートシート（日本語）｜タグ・フィルター・オブジェクト一覧と検索
Shopify テーマで使う Liquid のタグ・フィルター・オブジェクト462項目を、日本語の説明とコード例つきでまとめたチートシートの索引です。名前でも「四捨五入」「条件分岐」のような日本語でも検索でき、非推奨・廃止になった書き方の置き換え先も一覧で確認できます。 Read more...
Shopify Liquid グローバルオブジェクト｜shop・request・routes・section・settings
Shopify Liquid グローバルオブジェクト｜shop・request・routes・section・settings
どのページでも使える shop・request・routes・settings・localization、セクションとブロック（section・block・closest）、forloop、SEO 用の page_title などをまとめました。 Read more...
Shopify Liquid 顧客・ブログ・メタフィールドのオブジェクト
Shopify Liquid 顧客・ブログ・メタフィールドのオブジェクト
顧客・住所・会社（B2B）・フォームと、ブログ記事・ページ・メニュー（linklist）・メタフィールド・メタオブジェクトのオブジェクトをまとめました。 Read more...
Shopify Liquid コレクション・カート・注文オブジェクト
Shopify Liquid コレクション・カート・注文オブジェクト
コレクション・絞り込み（filter）・検索・ページ送りと、カート・ラインアイテム・注文・割引・ギフトカードのオブジェクトをまとめました。 Read more...
Shopify Liquid その他フィルター｜色・フォント・翻訳・タグリンク・決済
Shopify Liquid その他フィルター｜色・フォント・翻訳・タグリンク・決済
色の変換・調整、フォント、翻訳（t）と住所の整形、顧客ログインのリンク、コレクションのタグ絞り込みリンク、カート、メタフィールド、決済ボタンのフィルターをまとめました。 Read more...
Shopify Liquid 画像・HTMLフィルター｜image_url・image_tag・asset_url
Shopify Liquid 画像・HTMLフィルター｜image_url・image_tag・asset_url
画像の URL を作る image_url と img タグを作る image_tag、動画・3D モデルの表示、テーマのファイル（assets）の URL、script や link タグを作る HTML フィルターをまとめました。 Read more...
Shopify Liquid 金額・日付フィルター｜money・date の書式一覧
Shopify Liquid 金額・日付フィルター｜money・date の書式一覧
金額を通貨の書式で表示する money 系フィルター、日時を好きな形式で出す date フィルター、値が空のときに代わりの値を出す default などをまとめました。date の書式記号（%Y %m %d など）の早見表もあります。 Read more...
Shopify Liquid 配列・計算フィルター｜where・map・sort・plus・divided_by
Shopify Liquid 配列・計算フィルター｜where・map・sort・plus・divided_by
配列から条件で絞り込む（where・reject・find）、並べ替える（sort）、値を取り出す（map・first）配列フィルターと、足し算・割り算・四捨五入などの計算フィルターをまとめました。 Read more...
Shopify Liquid 文字列フィルター一覧｜split・replace・truncate・escape
Shopify Liquid 文字列フィルター一覧｜split・replace・truncate・escape
文字列を分ける・置き換える・切り詰める・エスケープするなど、文字列フィルター40件をまとめました。URL エンコードや Base64、ハッシュ（md5・sha256）もこの記事にあります。 Read more...
Shopify Liquid テーマタグ｜render・section・content_for・schema・form
Shopify Liquid テーマタグ｜render・section・content_for・schema・form
スニペットやセクションを読み込む render・section、テーマブロックを表示する content_for、テーマエディタの設定を定義する schema、フォームを作る form など、Shopify テーマ専用のタグをまとめました。 Read more...
Shopify Liquid タグ一覧｜if・for・assign・capture・liquid の使い方
Shopify Liquid タグ一覧｜if・for・assign・capture・liquid の使い方
条件分岐（if・unless・case）、繰り返し（for・tablerow・paginate）、変数の作り方（assign・capture）、コメントアウトの書き方（comment・{% # %}）など、Liquid の基本タグをまとめました。 Read more...
Shopify Liquidの書き方入門｜{{ }}と{% %}・演算子・データ型・空白制御
Shopify Liquidの書き方入門｜{{ }}と{% %}・演算子・データ型・空白制御
Liquid の土台になる書き方をまとめた記事です。値を出す {{ }} と処理を書く {% %} の違い、比較・論理の演算子、データ型、真と偽の扱い、空白の制御（{%- -%}）を確認できます。 Read more...
Shopify Liquid 商品オブジェクト｜product・variant・画像・メディア
Shopify Liquid 商品オブジェクト｜product・variant・画像・メディア
商品（product）、バリアント（variant）、オプション、画像・動画・3D モデル、定期購入（selling_plan）、在庫・店舗受取など、商品まわりのオブジェクトと主要プロパティをまとめました。 Read more...