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.

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?

Go to your Shopify store admin panel
Click on Apps from the left navigation and then select "Custom Price Calculator"
Once the app loads, select "Styling" from the left navigation
Then click on the "Advanced Scripting" tab.


Figure: Scripting section in the Custom price calculator app

Code samples:

You can use the following snippet for your use cases:

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

});


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

});
Was this article helpful?
Cancel
Thank you!