All things Shopify and commerce
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
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- 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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025