shopify

【Shopify】商品ページの数量が在庫数以上に選択できてしまうときの対処法

悩んでいる人
悩んでいる人
商品ページで商品を購入する際に数量が在庫数よりも多く選択できてしまう…

といった場合の解決法についての内容になります

ここでいう商品ページの数量を選択する部分とは

←の部分になります

この部分がデフォルトの設定だと在庫数が一個なのにいくつも選択できてしまうわけです

なので

在庫数以上には選択できないようにコードを書き直す必要があります!

※今回はデフォルトである「Simple」のテーマを編集していきます◎

在庫数以上に選択できないようにする方法

では早速始めていきたいと思います!

まず商品登録ページのファイルを開きましょう

使用しているテーマがSimpleだと、商品登録ページは product.liquidなのでこちらを開いてください

次に、 product.liquidの中の product-template.liquid を編集したいので開きます

この中の

product-single__quantity

クラスを探して、

max="{{ product.variants.first.inventory_quantity }}" 

を追加してください◎

※使用するテーマがSimpleではない場合は、検証ツールで編集したい部分のクラスを探してください

これで、選択できる最大量が最古量を上回ることはありません(*’ω’*)

ちなみに在庫数を表示したいときは

{{ product.variants.first.inventory_quantity }}

 

と記載すればこれで完了です!

 

 

 

ABOUT ME
りーぬ
「コロナから世界を救えるのはECサイトしかない!」と勝手に思い込み、ShopifyでのECサイトで制作をしてるフリーランスエンジニア 兼 臨床検査技師。密かに臨床検査技師からの転職を企てています。趣味はダイエットです。ブログでは日本語の情報がまだ少ないshopifyをどこよりも分かりやすく発信しています!最近は、飲食店のデリバリーサイト作成に力を入れています Shopifyを用いたECサイト作成の代行も行っております 気軽にお問い合わせ下さい!