Product sorting order

Several questions on this topic.

1. How can I edit the discount circle on the product?
You taught me this to set the “HOT” circle. How about the discount circle? Or can I make it disappear?

body .product-labels .featured {
background-color: red;
width: 70px;
height: 70px;
}

2. How can I set the different orders for the products? Inside categories, and inside “Top sellers”, “discount” (on home page)
Currently, a lot of our sold out items are placed in front.

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

If you do not want to display the discount label then edit your products and remove the sale price.

Screenshot for clarification: https://jmp.sh/O1hwKY3

To edit the discount label you can use the below CSS code in global custom CSS area under theme settings >> custom CSS:

body .product-labels .onsale {
background-color: red;
width: 70px;
height: 70px;
}

You can change the sorting order of products from Appearance >> Customize >> WooCommerce >> Product Catalog >> Default product sorting.

To change the sorting order of products which shown inside the product tabs in your home page, you need to edit the product tab theme element one by one and from the “Data Settings” tab you will see the option of “Order by”, you can change the order from this option and save the changes.

Screenshot for your satisfaction; https://jmp.sh/5VQm5U3

If you want to hide the sold out items you can check the option “Out of stock visibility” from WooCommerce >> Settings >> Products >> Inventory. This option will hide out of stock items from the catalog.

Best Regards.

[Author]

Posts