This seems like such a simple thing, but I can’t figure it out! Any ideas?
Topic summary
A Shopify store owner wants to display “in stock” text on products without enabling inventory tracking.
Proposed Solutions:
- One user suggests unchecking the “Track quantity” option in product settings
- Another developer provides custom CSS/HTML code to add a visual “In Stock” indicator with a green dot
Implementation Challenges:
The original poster has limited coding experience and struggles to add the custom liquid block in the Empire theme. Despite multiple attempts and video tutorials shared by the developer, technical issues prevent the code from being properly inserted—clicking the custom liquid block doesn’t open an editor, and locating the correct theme file proves difficult.
Current Status:
The discussion remains unresolved through the forum alone. The developer offers to provide direct collaboration access or a live meeting to implement the solution. An additional consideration emerges: some products do require inventory tracking, so the solution needs conditional logic to display “in stock” only for specific items. The developer suggests using product metafields to control which products show the static “in stock” message versus actual inventory levels.
1 Like
On your product template from the customizer add a custom liquid block under product information. Add this code inside
.in-stock span{ width: 10px; height:10px; background: green; border: 1px solid darkgreen; box-shadow: 0 0 4px lightgreen; border-radius: 50%; }In Stock
You can play around with the values for the green circle. Also you can drag drop the custom liquid block where you wanna show under your product info
1 Like
Thank you so much for this! I tried to add the code, but I don’t know what I’m doing and it didn’t work. 
What theme are you using?? How did you add it? Can you show me the steps?
1 Like
Empire
Updated the code a bit, try this
.in-stock span{ display: inline-block; width: 15px; height: 15px; background: lightgreen; border: 1px solid darkgreen; box-shadow: 0 0 4px darkgreen; border-radius: 50%; margin-right: 10px; }In Stock
1 Like
Honestly, I don’t even know where to put it. I know basically nothing about code. It isn’t the end of the world to track inventory and put a really big number to keep it in stock, so we’ll just continue to do that. Thanks for trying to help!
Hey. Okay so i didn’t you were totally new here.
Here’s a video for how to add this. https://www.awesomescreenshot.com/video/37962042?key=410059ae67bc4c7e20271d66cc2acdf9
Just a last gasp from my side. Hope this does this. Here’s the code that you need to paste in the block.
.in-stock span{ display: inline-block; width: 15px; height: 15px; background: lightgreen; border: 1px solid darkgreen; box-shadow: 0 0 4px darkgreen; border-radius: 50%; margin-right: 10px; }In Stock
1 Like
Surprisingly, I actually got it right up until the point of adding the custom liquid block under product info, but then when I click on it to edit it, nothing happens…? Here’s a video of me trying to click on custom liquid.
https://www.loom.com/share/0dfaad29de654a4387d363424071087b?sid=d087497c-e715-4e63-bc55-0c5d3902fd5c
Okay, might be an issue with the cache and stuff or may be i am not sure about this but may be your plan does not let you do that. You can check later and if it does not work you can add the code directly to the theme editor. Since you are using a paid theme it would be hard to help you here unless i have collab access to your store.
I could have asked for the code but then i am not sure what’s the file called in the empire theme which is responsible to render product-info. In free themes its main-product.liquid
1 Like
Nope, still not working. I can right click and choose ‘edit’, but then this happens and not sure what to do here…
https://www.loom.com/share/9b4d23adeb1b4da981a5de3d603542d1?sid=d604b42b-07f2-4592-b05d-c912d2b444ef
Not in this file. In the editor that opened look for a file named main-product.liquid file or something similar and add the code.
1 Like
The closest things I see are this file, and dynamic-featured-product.liquid.
It will be hard this way. I am sure it’s not featured product as that is another section provided by Shopify.
Look you can either share me Collab access to your store or i will be pleased to do this in a meet as well.
1 Like
It just occurred to me that we have some products that we do need to track inventory for. Would this affect those products? Sorry to be a pain…I would be happy to grant collab access but I feel bad that you’ve already wasted so much time on this!
No , if we just wrap my code in a condition to check if a product is available then we can add this code it won’t be a problem. And for the products for which you want to show the message regardless of the availability we alcan make use of product metafields.
Actually i don’t know about the empire theme but most themes now comes with the feature to show inventory stock. You can also set threshold to show the message to user like low stock in red colour if product is less than 10, 10 being the threshold you set.
If the theme does not offer this, we can actually modify the code to add these customizations.
Haha, honestly the sole reason I am ready to give more time to this is because the time already spent on it, I just want to complete this now to make myself feel good 
.
So to sum up there’s a lot of possibilities that comes up once you get to coding.
1 Like
Oh, that’s great! This theme does have that feature, but of course you have to track inventory for it to work and we have a bunch of products that we don’t need to do that for because they’re always available. So it would just be nice if they said ‘in stock’ all the time. I’ll message you the code to request collab access. I totally get the need to finish something you’ve started! 