Stock availability notification

Stock availability notification

Maxim
Visitor
1 0 0

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

 

 

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
10938 2148 2286

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 Screenshot 2024-07-03 at 09.44.36.png

 

- 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.

Small_Task_Help
Shopify Partner
830 28 75

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

To Get Shopify Experts Help, E-mail - hi@ecommercesmalltask.com
About Us - We are Shopify Expert Agency
At Google My Business - Ecommerce Small Task - Hire Shopify Developers Ahmedabad