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

Shopifyのテーマ「Rise/Dawn」の商品ページでバリアントごとに価格が異なる商品に対して、価格表を掲載する設定例

Shopifyのテーマ「Rise/Dawn」の商品ページでバリアントごとに価格が異なる商品に対して、価格表を掲載する設定例

用途

  • 商品情報管理・編集

実装方法

  • LIQUID
  • HTML/CSS
詳細を表示する

テーマ「Dawn/Rise」の標準仕様のため異なる価格のバリアントを持つ商品は、バリアントを選択して価格を確認する必要があります。
予めバリアントごとの価格表を表示しておけば、お客様がストレスなく商品を選ぶことができます。

◆実装のメリット
・お客様が一目で全価格を確認可能
・バリアント切替の手間を削減
・購入までの導線がスムーズに

◆具体的な手順(テーマ:Rise/Dawn)
商品テンプレートの商品情報セクションにカスタムLiquidブロックを追加してコードを挿入


テーマ「Rise/Dawn」の商品ページでバリアントごとに価格が異なる商品に対して、価格表を掲載する設定例


【(テーマRise/Dawnの場合)設定方法】商品テンプレート:商品情報セクションにカスタマイズされたLiquidブロックを追加しコードを挿入


【表示サンプル】


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

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

サンプルコード

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

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

関連ポスト

すべてのShopify TIPS