商品情報にスキップ
1 1
公開日:2024.07.16

Shopifyのテーマ「Dawn」の「マルチカラム」セクションで商品情報を引用できるようにする設定例

Shopifyのテーマ「Dawn」の「マルチカラム」セクションで商品情報を引用できるようにする設定例

用途

  • テーマ管理

実装方法

  • テーマエディタ
詳細を表示する

ShopifyのテーマDawnには便利なセクションが色々ありますが、その中の一つ「マルチカラムセクション」について。前回の複数列セクションと同様に各項目を一つひとつ入力するのではなく商品情報を指定して表示内容を自動で設定できるようにしたカスタマイズ例です。


Shopifyのテーマ「Dawn」の「マルチカラム」セクションで商品情報を引用できるようにする設定例


【(テーマDawnの場合)設定手順①】「multicolumn.liquid」にschemaを、「ja.schema.json」にラベルを追加


【(テーマDawnの場合)設定手順②】「multicolumn.liquid」に商品情報が設定されていればその内容を表示するコードを挿入


【(テーマDawnの場合)使用方法】商品を指定した場合は他の入力項目を空欄にし、表示内容を置き換えたい場合のみ入力する


ご購入(すべて¥0です)いただくと、サンプルコードをご覧いただけるようになります。

すでにご購入済みの方はこちらからログインしてください。

サンプルコード

動作検証済テーマ:Dawn/Rise 15.2.0

「multicolumn.liquid」にschemaを追加

「ja.schema.json」にラベルを追加

画像比率が「画像に合わせる」の場合に、商品画像の情報を参照できるようにするコード

関連ポスト

すべてのShopify TIPS