Shopify themes, liquid, logos, and UX
Hi guys,
I want to have my inventory status dot green when i have products on stock but when the product is out of stock customer can still buy the products beacuse i have put on Continue selling when out of stock. But when the product is out of stock i have back-order as a text but still the green "dot". Is there a way that i can change the dot from beeing green when i have products on stock to red when im out of stock ?
Solved! Go to the solution
This is an accepted solution.
Hi there,
When you want to change the color, you can do so by going to the main-product.liquid and scrolling down to line 134. There is the place where the business logic for the dot starts. You can edit the colors by editing the inline RGB values in the SVG tags.
Hope this helps!
This is an accepted solution.
Hi there,
When you want to change the color, you can do so by going to the main-product.liquid and scrolling down to line 134. There is the place where the business logic for the dot starts. You can edit the colors by editing the inline RGB values in the SVG tags.
Hope this helps!
This did work! but what code do i need to use for orange ? 🙂
You can pick any type of RGB color you would like:
https://www.google.com/search?q=rgb+color+picker&oq=rgb+&sourceid=chrome&ie=UTF-8#cobssid=s
You are the best THANKS!
My pleasure! Good luck with your store!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025