out of stock

Hello,

Please follow these steps:

Navigate to WooCommerce > Settings > Products > Inventory

Disable the option “Hide out of stock items from the catalog” if you want to hide the out of stock products from catalog.

If you want to show out of stock label, Then go to Products > All Products > Edit product > Product data > Inventory

– Enable Stock management (if needed)
– Set the Stock status to “Out of stock”

Once configured, the “Out of stock” label will display automatically on the product.

If you would like to change the stock label design, you can adjust it in:
Theme Settings > Single product > Elements > Stock status design

Best Regards

Hello,

In WooCommerce, products usually appear based on date, menu order, popularity, or stock status. When an item goes out of stock → back in stock, WooCommerce does not automatically push it to the top. You have to try with some Custom Code to achieve your desired result.

Alternatively, you can check the Waitlist feature of the WoodMart theme: https://xtemos.com/docs-topic/waitlist/

Best Regards,

Hello,

In order to achieve your desired result, you should try using the Custom CSS code. Please copy and paste the below given CSS code to Theme Settings >> Custom CSS >> Mobile and check the behavior:

.product-labels .product-label.out-of-stock {
    font-size: 08px !important;
}

You can change the font size in the code as per your requirements.

Best Regards,