> ## 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).

# Adding Custom Javascript

*The feature allows you to improve your store with different JavaScript tools. It simplifies the use of JavaScript components and sets you free from tiresome code editing.*  
​_When it comes to improving your Shopify product page, this tool simplifies adding features. Online visitor tracking, alerts, and prompt messages, calendars, interaction sound for your content, maps, and many more helpful tools. The app makes it super easy for any developer to add any custom JavaScrip, and create and test your own._

**How to access this configuration block?**

1. Go to your Shopify store admin panel
2. Click on Apps from the left navigation and then select "Custom Price Calculator"
Once the app loads, select "Calculators" then click customizations.

![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/find-javascript-option_1smsx4n.png)
![](https://storage.crisp.chat/users/helpdesk/website/-/6/7/3/d/673d74301cfde400/enter-js-code-and-save_1s4tgil.png)


*Figure: Scripting section in the Custom price calculator app*

**Code samples:**

​_You can use the following snippet for your use cases:_

1. Add a custom javascript that executes on every page load on the products where the calculator is added

```
$(document).ready(function() { //Write javascript code here that will run on page load });
```
2. Add a custom javascript that executes on when the value is changed for the selector on the products where the calculator is added  
​

```
$('.selector-class').change(function() { //Write javascript code here that will run change of the specified selector });
```

​  
​  
​