Green Dot with Text on Product Page

[ScottJM]

Hello everyone,

I need your assistance, please. I'm looking to add a green dot with the text "In Stock" and the message "Delivered in 2 - 5 business days" on our Prestige theme's product pages. If anyone could help me with the correct code, I'd greatly appreciate it. The green dot should be positioned above the "Add to Cart" button.

Additionally, I'd like the dot to turn orange when the stock is low (less than 5 products) and red when the product is sold out.

Thank you so much for your help.

Best regards

[Finer]

@ScottJM does your store include variants?
If you only have a default product (no variants) you could use static code. Otherwise, you'll need some JavaScript to change the inventory within the product's variant.

[ScottJM]

@Finer Thank you for your response. We appreciate your input and advice. As you mentioned, our shop indeed includes many variants. We would be grateful if you could offer some guidance on using JavaScript to manage the inventory within the product variants. Your expertise would be of great help. Thank you!
Best