Shopifyテーマ Liquid言語のまとめ

本

Shopifyテーマのカスタマイズや作成に必須なLiquid言語についてのまとめ。

運営しているクリエイター: Yuya M

Shopifyテーマ Chapter13 Liquidで便利なCSS hooks

Javascript hooks やWordpress のように、ShopifyにもCSSクラスをbody タグに動的に加えるこ…

Yuya M

4か月前

Shopifyテーマ Chapter1 Liquidコードの基本

Shopify のLiquid イントロダクションLiquid とはShopifyのテーマに使われるプログラミング言…

Yuya M

1年前

Shopifyテーマ Chapter2 テーマ開発・編集のツール

Shopifyでは管理画面からテーマのカスタマイズやLiquidコード直接編集することができます。(…

Yuya M

1年前

ShopifyテーマChapter3 LiquidファイルとURLの連携

Shopify上で、Liquidファイルはそのフォルダ構成やファイル名によって、どのファイルがどのペ…

Yuya M

1年前

Shopifyテーマ Chapter4 商品ページ

これまでのチャプターではShopifyのテンプレートファイルがどのようなURLでレンダリングされる…

Yuya M

1年前

Shopiyテーマ Chapter 5 オルタネイトテンプレート

Shopify テーマのファイル構成を見た時、最初は collection や product ページはそれぞれ一つ…

Yuya M

1年前

Shopifyテーマ Chapter6 オルタネイトレイアウト

チャプター5ではオルタネイトテンプレートの作り方をみました。今回はLiquidのレイアウトファイルをみてみます。デフォルトのレイアウトファイル theme.liquidShopifyのテーマのデフォルトのレイアウトファイルはtheme.liquidというファイルでレイアウトのフォルダーの中に入っています。このtheme.liquidレイアウトファイルはShopifyテーマの｢マスター｣テンプレートのようなものです。このtheme.liquidファイルが他のすべてのテン