悩んでいる人
商品ページで商品を購入する際に数量が在庫数よりも多く選択できてしまう…
といった場合の解決法についての内容になります
ここでいう商品ページの数量を選択する部分とは
←の部分になります
この部分がデフォルトの設定だと在庫数が一個なのにいくつも選択できてしまうわけです
なので
在庫数以上には選択できないようにコードを書き直す必要があります！
※今回はデフォルトである「Simple」のテーマを編集していきます◎
在庫数以上に選択できないようにする方法
では早速始めていきたいと思います！
まず商品登録ページのファイルを開きましょう
使用しているテーマがSimpleだと、商品登録ページは product.liquidなのでこちらを開いてください
次に、 product.liquidの中の product-template.liquid を編集したいので開きます
この中の
product-single__quantityクラスを探して、
max="{{ product.variants.first.inventory_quantity }}" を追加してください◎
※使用するテーマがSimpleではない場合は、検証ツールで編集したい部分のクラスを探してください
これで、選択できる最大量が最古量を上回ることはありません(*’ω’*)
ちなみに在庫数を表示したいときは
{{ product.variants.first.inventory_quantity }}
と記載すればこれで完了です！
