Vorbly <Code>
CODING MADE EASY WITH VORBLY
WIX CODE CURRENCY FORMATTING
Need to format currency or pricing for your checkout? This tutorial will show you how to format currency and pricing using Wix Code. You can now customize your own checkout and shopping cart. We will provide you with the webpage elements and sample codes required to implement this feature.
THE DEMO
Design price calculator by adding text elements, user inputs and a button. Unit price should be in a currency format (e.g. $1,250.50). Next, add Wix Code to your page.
When users enter a quantity number and clicks "Calculate", the total price will be displayed in a currency format (e.g. $1,250.50).
Design price calculator by adding text elements, user inputs and a button. Unit price should be in a currency format (e.g. $1,250.50). Next, add Wix Code to your page.
THE ELEMENTS
The Page
Text Element:
-
Price per item: #UnitPrice
-
Total Price (Unit Price X quantity): #TotalPrice
User Input: #quantity
Button Element: #Calculate
THE CODE
Page Code
export function Calculate_click(event, $w) {
let price = Number(($w('#UnitPrice').text).replace("$", "").replace(",", "").replace(".", ""));
let selectedQuantity = Number($w('#quantity').value);
$w('#TotalPrice').text = String ( "$" + parseFloat(String((selectedQuantity * price)/100)).toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"));
}
COMMENTS
I'm a paragraph. Click here to add your own text and edit me. It's easy.