Skip to main content
All CollectionsBuilding Calculators
Adding Custom Javascript
Adding Custom Javascript

Using our styling section you can also add any JavaScript code snippet that will be added to the product page where the calculator is added

K
Written by Kristina
Updated over a year ago

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"

  3. Once the app loads, select "Calculators" then scroll down and click Custom JavaScript

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 });




Did this answer your question?