> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.custompricecalculator.com/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).

# Implementing Quantity Field (Price per item and Total price)

*We made this help article because Shopify doesn't show the total price on the product page as it only shows once the item is in the cart. Here, we will help you implement the price per item on the product page to avoid confusion.*

* To implement a quantity field in a calculator, just use a number input element from the list of elements
* In the properties of the number input element, just enable the toggle called "Use as Quantity"

![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/1_1y1itit.png)

* Scroll down to see the calculator configuration.
* In the Formula Configuration, don't include the quantity.
* In the Formula Label, please put the price per item.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/2_kvcwhk.png)


* Lastly, if you want to show the total price on the product page, you can have the calculation display element.
* Multiply the quantity in the Formula. Just like the image below.




![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/4_2xgadb.png)

* Here is the output once the calculator is applied to the product page

![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/5_8g7wue.png)


* Here is what you can see in the shopping cart.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/6_1eae4jw.png)