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

Shopifyでバリアントメタフィールドに設定された値をバリアント選択に応じて表示切替するための設定例

Shopifyでバリアントメタフィールドに設定された値をバリアント選択に応じて表示切替するための設定例

用途

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

Shopifyの商品詳細ページで、バリアントメタフィールドを使って商品バリエーションごとに掲載情報を切り替えたい場合がありますが、javascriptとliquidを組み合わせた設定例です。


バリアントメタフィールドに設定された値(例:納品予定日)をバリアント選択に応じて表示切替するための設定例


【設定方法】商品情報セクションにカスタマイズされたLiquidブロックを追加してコードを挿入


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

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

サンプルコード

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

商品情報セクションにカスタマイズされたLiquidブロックを追加してコードを挿入

関連ポスト