商品の在庫数が5個以下になった際に、購入ボタン付近に「残りわずか」と表示させる実装方法についての質問です。
質問者の状況:
提供された解決策:
コーディングによる実装（渡邉氏の回答）:
product.variants.first.inventory_quantityアプリによる実装（Nishi_3氏の追加情報）:
結果:
質問者は参考記事を含めて試してみると回答し、解決の方向性が示されました。
お世話になります。
初投稿の為、内容に不備などがありましたらご容赦いただけますと幸いです。
私自身liquidの知識が浅いので、詳しい方の知恵をお借りしたいと思い投稿させていただきました。
◆使用しているテーマ
有料テーマ Prestige 6.0.0
◆現在の状態
購入時からliquidファイルの編集はしておりません。
◆やりたいこと
在庫数が５個以下になった場合、購入ボタン付近に「残りわずか」と表示させたいです。
大変お手数なのですが、ご教示いただけますと幸いです。
何卒よろしくお願い致します。
Yr3様
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
商品ページで在庫状況がわかると親切ですよね。
以下記事が参考になるかと存じます。
https://ec-side-project.com/shopoify-inventory/
一例ですが、大まかな流れとしては、
1.商品の在庫数を取得 product.variants.first.inventory_quantity
例）{% if product.variants.first.inventory_quantity <= 5 %}
3.if文の中に「残りわずか」を表示させるhtml要素を追記
例）
ただし、複数バリエーションがある場合に、バリエーション選択時に表示切り替えを行う場合は別途javascriptなどでの制御が必要になるかと存じます。
何かヒントになりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
渡邉様
はじめまして、Yr3です。
ご確認いただきありがとうございます！
とてもわかりやすい解説助かりました。
参考記事も含め試させていただきます。
この度はありがとうございました！
はじめまして
株式会社UnReactの西川と申します。
既に解決済みではございますが、今後このスレッドをご覧になる方々に向けて、弊社のアプリ「シンプル在庫数表示｜お手軽残りわずか表示」も有効な解決策の一つとしてご紹介させていただきます。
在庫数をリアルタイムで商品ページに表示することができる、非常に安価なアプリです。
下記、参考情報です。
Shopifyで残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説｜ご利用ガイド
その他にも 42 個の Shopify アプリを開発しているので、ストア運用の際に参考にして頂ければ幸いです。
