# 商品の在庫数が指定数以下になった場合、購入ボタン付近に「残りわずか」と表示させたいです。

**URL:** <https://community.shopify.com/t/topic/205765>\
**Category:** 技術的なQ＆A\
**Created:** [April 5, 2023, 6:08am UTC](https://community.shopify.com/t/topic/205765 "2023-04-05T06:08:23Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

商品の在庫数が5個以下になった際に、購入ボタン付近に「残りわずか」と表示させる実装方法についての質問です。

**質問者の状況:**
- 使用テーマ: Prestige 6.0.0（有料テーマ）
- Liquidの知識が浅く、実装方法を模索中
- 購入時のLiquidファイル編集経験なし

**提供された解決策:**

1. **コーディングによる実装（渡邉氏の回答）:**
   - 在庫数を取得: `product.variants.first.inventory_quantity`
   - 条件分岐で5個以下を判定
   - HTMLで「残りわずか」要素を追加
   - product-form.liquidの購入ボタン付近に記述
   - 参考記事のリンクを提供
   - バリエーション複数時はJavaScriptでの切り替え制御が必要な場合あり

2. **アプリによる実装（Nishi_3氏の追加情報）:**
   - 「シンプル在庫数表示|お手軽残りわずか表示」アプリの紹介
   - リアルタイムで在庫数を表示可能
   - 非常に安価な解決策として提案

**結果:**
質問者は参考記事を含めて試してみると回答し、解決の方向性が示されました。

<div class="post-metadata">

**Author:** ![Yr3](https://avatars.discourse-cdn.com/v4/letter/y/d78d45/32.png) [@Yr3](https://community.shopify.com/u/Yr3)\
**Post date:** [April 5, 2023, 6:08am UTC](https://community.shopify.com/t/topic/205765/1 "2023-04-05T06:08:23Z")

</div>

お世話になります。  
初投稿の為、内容に不備などがありましたらご容赦いただけますと幸いです。  
私自身liquidの知識が浅いので、詳しい方の知恵をお借りしたいと思い投稿させていただきました。

◆使用しているテーマ  
有料テーマ Prestige 6.0.0

◆現在の状態  
購入時からliquidファイルの編集はしておりません。

◆やりたいこと  
在庫数が５個以下になった場合、購入ボタン付近に「残りわずか」と表示させたいです。

大変お手数なのですが、ご教示いただけますと幸いです。  
何卒よろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [April 5, 2023, 9:03am UTC](https://community.shopify.com/t/topic/205765/2 "2023-04-05T09:03:56Z")

</div>

Yr3様

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

商品ページで在庫状況がわかると親切ですよね。

以下記事が参考になるかと存じます。

[https://ec-side-project.com/shopoify-inventory/](https://ec-side-project.com/shopoify-inventory/)

[https://community.shopify.com/topic/687700](https://community.shopify.com/topic/687700)

一例ですが、大まかな流れとしては、

1.商品の在庫数を取得 product.variants.first.inventory\_quantity

1. 在庫数が５個以下だったらという分岐を作成

例）{% if product.variants.first.inventory\_quantity \<= 5 %}

3.if文の中に「残りわずか」を表示させるhtml要素を追記

例）

残りわずか

1. product-form.liquidにある購入ボタン要素付近に上記を記載

ただし、複数バリエーションがある場合に、バリエーション選択時に表示切り替えを行う場合は別途javascriptなどでの制御が必要になるかと存じます。

何かヒントになりましたら幸いです。

私たちの励みにもなりますので、  
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

---

<div class="post-metadata">

**Author:** ![Yr3](https://avatars.discourse-cdn.com/v4/letter/y/d78d45/32.png) [@Yr3](https://community.shopify.com/u/Yr3)\
**Post date:** [April 6, 2023, 12:35am UTC](https://community.shopify.com/t/topic/205765/3 "2023-04-06T00:35:16Z")

</div>

渡邉様

はじめまして、Yr3です。

ご確認いただきありがとうございます！

とてもわかりやすい解説助かりました。

参考記事も含め試させていただきます。

この度はありがとうございました！

---

<div class="post-metadata">

**Author:** ![Nishi\_3](https://avatars.discourse-cdn.com/v4/letter/n/8c91f0/32.png) [@Nishi\_3](https://community.shopify.com/u/Nishi_3)\
**Post date:** [July 31, 2024, 4:54am UTC](https://community.shopify.com/t/topic/205765/4 "2024-07-31T04:54:00Z")

</div>

はじめまして

株式会社UnReactの西川と申します。

既に解決済みではございますが、今後このスレッドをご覧になる方々に向けて、弊社のアプリ「[シンプル在庫数表示｜お手軽残りわずか表示](https://apps.shopify.com/sa-026-ur-only-a-few-left?locale=ja)」も有効な解決策の一つとしてご紹介させていただきます。

 ![Nishi_0-1722401631701.webp](https://canada1.discourse-cdn.com/shopifyforum/original/4X/7/4/4/744f094284f6f2ef1c695368a4d30ada4c34fda2.webp)

在庫数をリアルタイムで商品ページに表示することができる、非常に安価なアプリです。

下記、参考情報です。

[シンプル在庫数表示｜お手軽残りわずか表示](https://apps.shopify.com/sa-026-ur-only-a-few-left?locale=ja)

[Shopifyで残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説｜ご利用ガイド](https://unreact.jp/shopify-apps/sa-026-ur-only-a-few-left/guide)

その他にも 42 個の Shopify アプリを開発しているので、ストア運用の際に参考にして頂ければ幸いです。

[参考アプリ一覧](https://apps.shopify.com/partners/unreact5?locale=ja&page=1)