Calculator Free Shipping Message

Calculate Free Shipping Message shows progressive bar with message when customers put more items in their shopping carts.

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. 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.