Calculator Free Shipping Message
Calculate Free Shipping Message shows progressive bar with message when customers put more items in their shopping carts.
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme settings -> Calculator Free Shipping Message.
General
| Setting | Description |
|---|---|
Show Calculator Free Shipping Message? | Enable to generally show the Calculator Free Shipping Message on the theme. |
Enter Total Price Of Order To Offer Free Shipping | Fill in the threshold where a buyer will be offered free shipping fee if their order total reaches this threshold. Note that the field accepts number only, excluding any currency symbol. |
Progress Bar
| Setting | Description |
|---|---|
Height | Determine of the height of the progress bar of the total price order from the free shipping fee threshold. |
Rounded Border | Determine how much the border of the progress is rounded based on pixels ranging from 0px to 100px. |
Show Percent | Enable to show the percent text on the progress bar. |
Text Color | Set the color of the text of progress bar. |
Background Color | Set the initial background color of progress bar. |
Background Color < 30% | Set the background color of progress bar if the order total is lower 30% compared to the free shipping threshold. |
Background Color < 60%Background Color = 100% | Set the background color of progress bar if the order total is higher than 30% and lower than 60% compared to the free shipping threshold. |
Background Color < 100% | Set the background color of progress bar if the order total is higher than 60% and lower than 100% compared to the free shipping threshold. |
Background Color = 100% | Set the background color of progress bar if the order total reaches the free shipping threshold. |
Last updated
