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
8382 1650 1661

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

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Small_Task_Help
Shopify Partner
489 15 34

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

Click here to Contact and Get Shopify Store Help
We are Shopify Experts   from Ecommerce Small Task Company.