> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://omnithemes.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# ❓ How can I make a sold-out badge on the product before the customer clicks on it?


There are 2 ways to do this if I understand you correctly,

1. Use product labels and badges --> Sold out label
- Go to Sections --> scroll down to Overlay group --> Product labels and badges --> enable Sold out label: ![](https://storage.crisp.chat/users/helpdesk/website/-/2/d/9/f/2d9fa4e30c652400/image_15pu7ls.png)then sold out label will show like this: ![](https://storage.crisp.chat/users/helpdesk/website/-/2/d/9/f/2d9fa4e30c652400/image_1yd7lzk.png),you can make it show on product card, product page or both.

2. Use Quick add button

- Go to Sections --> scroll down to Overlay group --> Quick view --> scroll down to Product card --> tick on Show Quick add button: ![](https://storage.crisp.chat/users/helpdesk/website/-/2/d/9/f/2d9fa4e30c652400/image_1uc072o.png)then if Product sold out it will show "Sold out" button when user hover on product ![](https://storage.crisp.chat/users/helpdesk/website/-/2/d/9/f/2d9fa4e30c652400/image_1g28vtk.png) otherwise it will show Add to cart button ![](https://storage.crisp.chat/users/helpdesk/website/-/2/d/9/f/2d9fa4e30c652400/image_1u3f0bu.png)

​If you need any further assistance please feel free to let me know,

About "New" label, you can go to Sections --> Scroll down to Overlay group --> Product labels and badges --> then create a "Text label" here: ![](https://storage.crisp.chat/users/helpdesk/website/-/2/d/9/f/2d9fa4e30c652400/image_1ulxrqo.png)
with "Text label" you can assign it specific products/collections: ![](https://storage.crisp.chat/users/helpdesk/website/-/2/d/9/f/2d9fa4e30c652400/image_1kgnta9.png)
you also can change the text in content field: ![](https://storage.crisp.chat/users/helpdesk/website/-/2/d/9/f/2d9fa4e30c652400/image_1160nfv.png)
then go to Display group, you can control how the label look like, on our demo store we set Font size scale = 90% and Label size = 2: ![](https://storage.crisp.chat/users/helpdesk/website/-/2/d/9/f/2d9fa4e30c652400/image_1bv7erv.png)
moreover, there are Color group here: ![](https://storage.crisp.chat/users/helpdesk/website/-/2/d/9/f/2d9fa4e30c652400/image_1wt4yqb.png) in our demo store we use #048942 for green color

For more information, please refer our guide here:
* Labels and badges: https://support.omnithemes.com/blogs/overlay-group-1/user-guide-product-labels-badges
* Quickview/Quick add: https://support.omnithemes.com/blogs/overlay-group-1/quick-view