Amount Left for free shipping 1.0.1

Amount left for free shipping module displays the amount left to get free shipping, it can encourage your customers to buy more to get free shipping. There are several ways to set free shipping on PrestaShop, check this post How to setup free shipping for orders over a specified amount on PrestaShop. This module works in these two ways:
1) Using the "Free shipping starts at" setting.
2) Adding a Free shipping range to carriers.

1. All cart summary setiosn, like the ones on the Shopping cart page, the checkout page and the popup cart window.
2. On the header of all pages.

• Message template for "Free shipping starts", it will show out when the cart is empty.
• Message template for "Get free shipping if you order X or more", it will show out when the shipping isn't free.
• Message template for "Free shipping", it will show out when the amount of order has reached the amount needed for free shipping.

You can decide whether to show the "Free shipping starts" message and the "Free shipping" message. The "Free shipping starts" message will change to the "Get free shipping if you order X or more" meesage if a product is added to the cart.
There are 4 variables you can use in the message template.

• {amount_left} if you put this in the meesage tempalte, it will be replaced by the amount left for free shipping.
• {starts_at} this will be replaced by the amount needed to get free shipping.
• {total} this will be replaced by the total amount order.
• {carrier} this will be replaced by the carrier who provides free shipping.

Two ways to calculate the amount left for free shipping​

• Check all carriers to find the one who has the less amount needed for free shipping.
• Check the selcted carrier only to see if it has a free shipping range.

Fully customizable message templates.​

This amount left for free shipping moduleis fully customizable, you can decide how & where to show the amount left for free shipping to perfectly match your site design without edting any files. Basic html knowledge is requied, we can provide free help for that.
Message template and Custom position are the two key features to make this module be flexiable and customizable.

Message template​

You can use basic text messages to show the amount left for free shipping out. To better match the design of your theme, you can format messages using HTML. Here are two examples:


1. A basic text message to show the amount left for free shipping on the Classic theme.



2. The text and the price are shown on either side to match the design of the Panda theme.
To change the design of message, there are options like "text color", "price code", "background color", "font size", "Alignment", "paddings", "margin" for you. If you need more changes, then use the custom css code feature.

Positions​

Two types of positions:

1. Native hooks
2. Custom positions

For example, they are 4 native hooks around the cart summary block on the shopping cart page. You can choose to show the amount left for free shipping on any of them.
If you want to show the total savings on a position where has no hooks, then you can use the custom position feature, all you need to do is to fill in a jQuery selector of where you want to the amount left for free shipping to be shown. We can provide free help on that. With the "Custom position" feature, you can show the amount left for free shipping on anywhere to perfectly match your design.

Progress bar.​

Using a progress bar to show the status of ongoing process of getting free shipping.

Compatibility.​

• Prestashop1.7.
• Comaptible with the Easycheckout module v2.7.0 and later.

Define standard theme? A standard theme contains all hooks from the Classic theme, it uses the /themes/core.js file to use the same ways as the Classic theme to handle the add-to-cart event, changing combination event, etc. All most all paid themes are standard ones.

How to install and upgrade.​

The "Amount left for free shipping module" can be installed easily without editing any files.
How to install? Use the "Upload a module" button on "BO > Modules" page to install the module.
How to upgrade? Use the "Upload a module" button on "BO > Modules" page to upload the new version to your site, it's the same as how to install, don't worry all your data will be safe, PrestaShop will just upload updated files to your site, it won't reinstall this module.