'only x left' badge on product card

'only x left' badge on product card

lunaritycollect
New Member
5 0 0

Hi there.

I have some products low in stock, and want to display a badge on the product card itself (before you click into the product page).

I currently have code that displays 'ONLY X LEFT' inside the product page, but I want to display a small lil badge so when people are scrolling through the collection they see it there. Example pic attached.

I am using the Dawn theme.

 

Thank you for your help!

 

 

EXAMPLE.png

Replies 6 (6)

namphan
Shopify Partner
2690 349 397

Hi @lunaritycollect,

This will need to test the code, can I send you a collaborator invite? it will help me test everything

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
lunaritycollect
New Member
5 0 0

Sure.

namphan
Shopify Partner
2690 349 397

Hi @lunaritycollect,

Please send me the collaborator code in private message, I will send you the invitation and check it

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com
lunaritycollect
New Member
5 0 0

I don't see a private message option on your profile, sorry new to the community forums

namphan
Shopify Partner
2690 349 397

Hi @lunaritycollect,

You can also send it via email at the signature if you want. I will send you the request and check it.

 

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

Amanda_Fordeer
Shopify Partner
176 10 33

Hi @lunaritycollect,

 

The app Product Labels & Badges will help you create these kinds of badges/labels. Here are the instructions:

 

Step 1: Install and enable the app embed

 

Step 2: Navigate to the left side bar and create a text label by clicking on the labels tab

 

Step 3: Add texts and variables 

Amanda_Fordeer_0-1729651110503.png

 

Step 4: Add products in Product settings section

Amanda_Fordeer_1-1729651181561.png

 

Step 5: Go to Genaral settings > Show on Homepage and Collection pages.

Amanda_Fordeer_2-1729651221241.png

If you find my suggestion helpful, please give it a like or mark it as a solution!
And discover more approaches to:
Streamline invoicing process Boost sales with labels & badges Add social proofs & create FOMO
Or get valuable updates and private deals regarding Shopify here.