change stock shape and color

hi hope you are doing well i want to change the stock indicator from the actual to as shown in the photo and if possible also show how many products are in stock

Attachments:

You must be logged in to view attached files.

Hi kalipsso3,

Thanks for reaching to us and appreciate your patience.

1. Stock indicators and colors

It is using WoodMart Font Icons and seems there is no icon meet your requirement, you can try with Unicode HTML.

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.product-wrapper p.stock.wd-style-default.in-stock:before {
  content: "\25CF";
	font-size: 20px;
}

Go to Theme Settings > Typography > Advanced. In this area, you can use Custom Selector and assign elements like screenshot https://prnt.sc/FXfbNetdppxn

.product-wrapper p.stock.wd-style-default.in-stock:before, .product-wrapper p.stock.wd-style-default:is(.available-on-backorder,.in-stock)

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

2. Stock quantity

Please navigate to Theme Settings > Products Archive > Products styles and enable Show stock quantity option.

https://prnt.sc/t5qmv444oySg

Regards,

is it possible to show quanity after like this En stock (5)

Hi kalipsso3,

Sorry but there is no option in Theme Settings available for that. It is not possible without customization in the theme files.

It requires customizations and this is beyond our limitations and support policy.

Regards,

[Author]

Posts