All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
hee, i had a quistion for a shopify coding expert, how do i add a Stock availability notification above my add to cart section, i want it to show that i only have 7 units left but in reality i have 200 left, and that the red dot before the text is flashing slowely.
This is the exact text i want "•Note: (<- in red and the dot flasing) only 7 units left in stock"
tnx for your help
Hi @Maxim
The default Shopify theme has an option named is Inventory status, please add it above your Buy buttons block and set Low inventory threshold value is 7
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
Hi,
Hope this will help
At Product Template (find the section where the "Add to Cart" button is located) and add the code
<!-- Add this where you want the notification to appear -->
<div class="stock-notification">
<span class="notification-dot"></span>
<span class="notification-text">• Note: <span style="color: red; animation: blink 1s infinite;">•</span> Only 7 units left in stock</span>
</div>
Use css for style and use javascript for more dynamic behavior