Techioz Blog

Shopify インベントリテキスト

概要

問題の製品の在庫が 3 個未満の場合、Web サイトに「在庫が少なくなっています。今すぐ注文してください」というテキストが表示されるようにしようとしています。

現在、product-addcart.liquid セクションに次のコードがあります。

現在、product-addcart.liquid セクションに次のコードがあります。

        <div class="remaining">
          <span class="variant-inventory">{{ current_variant.inventory_quantity }} Low stock. Order yours now.</span>
        </div>`

上記のコードを編集してみました。ただし、テキストにはまだ「残り 2 個! 今すぐ注文してください。」と表示されます。ここに見られるように:

https://translate.google.com/translate?hl=ja&sl=en&tl=ja&u=https://shop.abadia.me/collections/dresses/products/tube-gathering-dress

私は Shopify (またはその他) のコーディングの経験があまりありません。助けていただければ幸いです。ありがとう！

解決策

バリアントが特定のしきい値を下回ったときにメッセージを表示したい場合は、if ステートメントを使用する必要があります。これにより、条件が true かどうか (この場合はバリアント在庫が 3 未満かどうか) を確認し、メッセージを出力できます。更新されたコードは次のようになります。

{% if current_variant.inventory_quantity < 3 %}
<div class="remaining">
  <span class="variant-inventory">Low stock. Order yours now.</span>
</div>
{% endif %}

ただし、このコードは、表示されている最初のバリアントのメッセージのみを表示します。新しいバリアントが選択されるたびに表示されるように、JavaScript コードを更新する必要があります。

Shopify の「ハウツー」に関する質問は、より焦点が絞られているため、Shopify コミュニティ フォーラムで質問することをお勧めします。同様の質問がすでに寄せられているスレッドは次のとおりです: https://community.shopify.com/c/technical-q-a/variant-inventory-quantity-and-variant-available-do-not-get/m-p/1396700