Does anyone have a solution to show this? I
1 Like
Hi @altigear ,
Do you mind sharing your website so we can provide an appropriate code for you? You might not need an icon but just a piece of code
Hi there, @altigear !
Welcome to the Community! Definitely a great place to gather some input regarding anything about the platform!
With regards to your inquiry, getting more context from you will definitely help myself and other contributors to know exactly what you are looking for. While we wait however, I have found some apps that may help you in this quest as they provide badges for your products to display in your storefront:
Definitely give these apps a lookover as they will allow you to add those badges that you are after to notify customers about products being back in stock. Let us know how these work out for you so we can assist further if necessary.
I am also looking forward to hearing more from you about this matter.
Hello. I am trying to add a in stock icon to shopify. Here is there code. Can you tell me where I put this. When I place the code onto the product page it has the “if in stock” and “endif” showing on the page. Also I am not sure If the code is correct in terms of hiding the icon when product is out of stock. Can you assist. I would like it to be under the product price on the product page. Thanks. Code:
{% if product.available %}
In stock, ready to ship
.instock-pulse { display: flex; flex-wrap: nowrap; align-items: center; } .icon–pulsing { position: relative; width: 20px; height: 20px; margin-right: 10px; } .icon–pulsing:after, .icon–pulsing:before { background: #54c63a; width: 10px; height: 10px; border-radius: 10px; position: absolute; left: 0; top: 0; content: “”; margin: 5px; } @keyframes inventory-pulse{ 0%{ opacity:0.5; } to{ transform:scale(2.5); opacity:0; } } .icon–pulsing:before { animation: inventory-pulse 2s linear infinite; } {% endif %}