Shopify themes, liquid, logos, and UX
I would like to display a message when a variant is low on stock.
I've found and modified this part of code:
{% assign stock = 0 %}
{% for variant in product.variants %}
{%capture stock %}
{{ stock | plus:variant.inventory_quantity }}
{% endcapture %}
{% endfor %}
{%assign stock = stock | times:1%}
{% if stock < 3 and stock > 0 %}
<span class="label inventory"; style= "color: red";><h4>❗ Only <b> {{stock}}</b> left!</h4></span>
{% endif %}
However, this doesn't work with variants. It always shows.
Then I've done this, which seemed logical to me, but didn't work either. I know some basics but I'm stuck here.
{% if variant.inventory_quantity < 3 and variant.inventory_quantity > 0 %}
<span class="label inventory"; style= "color: red";><h4>❗ Only <b> {{stock}}</b> left!</h4></span>
{% endif %}
I guess the issue is that if the customer changes the variant, the page doesn't reload.
Any solutions? Thanks in advance!
Please try this code
{% if product.available %}
{% assign how_many_in_stock = 0 %}
{% for variant in product.variants %}
{% if variant.available %}
{% assign how_many_in_stock = how_many_in_stock | plus: variant.inventory_quantity %}
{% endif %}
{% endfor %}
{% if how_many_in_stock < 15 %}
<p class="low-stock-notification">Hurry, low stock!</p>
{% endif %}
{% endif %}
Thanks!
Thanks for the reply!
Unfortunate, this hasn't worked. It still shows the "Low Stock" Notification on all variants
Eg.
https://5z52je85ohj9asnk-39359021187.shopifypreview.com
Here there is only stock in S. All others are sold out. It still shows on every variant
To get this working with variant selection is an advanced customization as the solution can vary wildly between themes.
Merchants that need this can contact me at paull.newton+shopifyforums@gmail.com with this topic url, store url, theme name, and any other relevant info.
New Feature: Automatic free shipping discounts
Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Buy Paul a ☕ Coffee for more answers or donate to eff.org
Defeat problems ,Learn To Ask Questions The Smart Way
Did you find a solution for this?
You can check out this app. It is exactly providing what you asked for. Displays remaining/left in stock just above the add-to-cart button and works for variant levels. The threshold can be also selected within the app so that you can only display the widget if you are low in stock.
User | RANK |
---|---|
163 | |
146 | |
71 | |
67 | |
55 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023