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

Shopifyのテーマ「Rise/Dawn」の商品詳細画面でバリアントごとの数量セレクターに上限を設ける設定例

Shopifyのテーマ「Rise/Dawn」の商品詳細画面でバリアントごとの数量セレクターに上限を設ける設定例

用途

  • 商品情報管理・編集

実装方法

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

Shopifyのテーマ「Dawn/Rise」の商品画面で数量を指定してカート追加する際、通常は在庫数以上に指定することが可能になっていますが、在庫上限までしか指定できないようにしたい場合の設定例です。増分ボタン、数値入力ともに上限値までしか入力できないようになります。


テーマ「Rise/Dawn」の商品詳細画面でバリアントごとの数量セレクターに上限を設ける設定例


【設定方法】商品テンプレートの商品情報セクションにカスタムLiquidブロックを追加しコードを挿入


【補足事項】


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

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

サンプルコード

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

商品テンプレートの商品情報セクションにカスタムLiquidブロックを追加しコードを挿入

関連ポスト