Formatting Options for Price
For values like price or sale price, you can customize how they appear in your design.
To adjust how the price appears in your design, double-click the linked price layer on the canvas, open the Formatting dropdown, and choose the format that best fits your design.
Column Modifiers
Column Modifiers help format your text values from your feed when designing templates. To add a modifier, double click on the linked layer on the canvas and select + Add Column Modifier then select from the dropdown the modifier you'd like to add.
Modifier | Description | Example |
Uppercase | capitalizes all linked text | Shoes -> SHOES |
Lowercase | lowercase all linked text | Shoes -> shoes |
Titlecase | capitalizes the first letter of each word | The perfect running shoe -> The Perfect Running Shoe |
Numerical | strips all characters except for numbers and decimal places | 99.95 USD -> 99.95 |
Add | outputs the addition of the number by an input value* | 99 Add [10] -> 109 |
Subtract | outputs the subtraction of the number by an input value* | 99 Subtract [10] -> 89 |
Multiply | outputs the multiplication of the number by an input value* | 99 Multiply [10] -> 990 |
Divide | outputs the dividend of the number by an input value* | 99 Divide [3] -> 33 |
Split Text | returns the text cut down based on the user's input | Women's T-shirt [split by "Women's] -> T-shirt |
*You can use math modifiers with other column values by inputting the column name without double curly brackets.
Stacking Modifiers
Each modifier you add will run off of the previous modifier's output. You can stack multiple modifiers together to create a formula. Below is an example of stacked modifiers which will output a percent value between price and sale_price:
Breakdown
Say one of your products has a price of 100 and your sale_price is 80.
The main column being linked here is price. From there, we're subtracting the field sale_price: 100 - 80 = 20
Then, we divide the output by the price field again: 20 / 100 = 0.20
This gives us a fraction which we'll want to turn into an integer. So we multiply this output by 100: 0.20 x 100 = 20.00
The output will give us a value with two decimals. Two strip these, we take this output and set the numerical modifier. The resulting output for that product will be 20
