> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.yanet.io/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 to enable and customize the Quantity selector widget to show on Product Page

From now on, I will show you how to turn the Quantity Selector on the Product Page and to personalize it to your prefrences.

1. Make sure that you already have at least 1 discount rule applied to your items or variants.... If you don't have one, please press the Add Discount Volume and follow my previous article on [How to create discount rule](https://app.crisp.chat/website/35cbcb5a-831c-47fb-9064-0bced009fca9/helpdesk/articles/en/bab3d161-8ebe-4224-9848-9a7682fb441e/).

![](https://storage.crisp.chat/users/helpdesk/website/37fde77105fa8400/image_1n9rz9g.png)

2. We enable users with 2 current options that you might see in the image below. Here is a comparison table on their features:

                                                      

| **Features **| **Theme Editor **      |  **Custom Position** |                                
| Ease of Use                           | User-friendly, no coding required        | Requires coding knowledge |
| Customization                       | Limited to drag-and-drop capabilities  | Highly customizable with precise control |
| Speed of Implementation	 | Quick adjustments in real-time	           | Might take longer due to coding |





![](https://storage.crisp.chat/users/helpdesk/website/37fde77105fa8400/image_qnp9si.png)

3. Once you are in the Theme Editor, locate the Quantity Selector on the left side, the Bin-icon represents that you will delete the funtion. And the Eye-icon represents that you could make the funtion visible or invisible to your customers.


![](https://storage.crisp.chat/users/helpdesk/website/37fde77105fa8400/image_1lk9ssb.png)

**Section 2: Customize widgets**

1. To **personalize **the Quantity Selector, locate the **Edit button** and click on that.

![](https://storage.crisp.chat/users/helpdesk/website/37fde77105fa8400/image_mcqf13.png)

2. Once you are in, **scroll down** to see all the options. We have widgets, heading, cards ,etc for you to change.


![](https://storage.crisp.chat/users/helpdesk/website/37fde77105fa8400/image_mcqqct.png)