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

Shopifyのテーマ「Dawn」で特定の商品タグを指定して表示するための設定例

Shopifyのテーマ「Dawn」で特定の商品タグを指定して表示するための設定例

用途

  • 商品情報管理・編集
詳細を表示する

Shopifyの商品詳細画面で商品情報に設定されたタグを表示する方法はカスタムLiquidを使うなど色々ありますが、表示させたいタグをテーマエディタ側で指定できるようにした独自ブロックの設定例です。表示させるタグを敢えて指定する方式なので、不要なタグが表示されないよう制御できます。


テーマ「Dawn」で特定の商品タグについてカラーや余白などを指定して表示するための設定例


設定手順①「main-product.liquid」にタグとして表示させたい要素数分の入力欄を指定したblockをschemaに追加


設定手順②「main-product.liquid」にタグを表示するコードを追加


運用手順


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

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

サンプルコード

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

「main-product.liquid」にタグとして表示させたい要素数分の入力欄を指定したblockをschemaに追加

関連ポスト