Page 1 of 1

@tik Add $x for free shipping 1.0

Posted: Sun Sep 23, 2012 4:21 am
by OC2PS
Extension page ... on_id=8391

This is a poweful upselling tool.

When the customer visits his/her shopping cart page, this extension adds the message "Only $x (+VAT) more to Free Shipping!" above their products, thus luring them to buy more in order to benefit from free shipping.

add-x.JPG (86.01 KiB) Viewed 5281 times

Because this is a vQmod, no core files are touched, and the changes should carry over to the next version.

Please read documentation!

A good companion module could be uksb's Spend x for free shipping which adds a similar message to the shipping area in checkout process.

  1. This is a vQmod for Opencart. Hence you need Opencart (tested on and vQmod (tested on 2.1.7) preinstalled. Opencart is available at ... d/download and vQmod is available at
  2. This vQmod is made for the Default theme. Hence you should have the default theme as the active theme for this to work. While you can very easily modify this for other themes, the out-of-the-box support is only for default theme. If you don't know how, and need me to do paid customization, please PM me on forums ... ile&u=5746
  3. For this to work, you must have the Free Shipping module installed and enabled.

Upload the contents of the uploads folder to your shop's root folder.


This extension uses classes instead of inline styling. So you can just add styling in your stylesheet.css to change the way the message looks.
e.g. on one website we put styling as

Code: Select all

.money2free {
	width: 95%;
	display: block;
	border: solid 2px #aaaaaa;
	background-color: #fadadd;
	text-align: center;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;	

.money2freemain {
	font-size: 16px;
	font-weight: bold;
	color: #555555;

.amount4free {
	font-size: 18px;
	font-weight: bold;
	color: #df1d2a;

If you have a non English language installed, you need to edit the file

Code: Select all


Code: Select all

// Column
and before it, put

Code: Select all

$_['text_moneytofree']             = '<span class="money2free"><span class="money2freemain">Only <span class="amount4free">%s</span> (+VAT) more to Free Shipping!</span><br /></span>';
(obviously translate "Only" "(+VAT) more to Free Shipping!" to your language)

I hope you enjoy this extension. If you'd like to donate, please click Donate button in my signature.

Re: @tik Add $x for free shipping 1.0

Posted: Fri Oct 05, 2012 11:05 pm
by eka7a
Thank you for a small but useful extension. This way may be more handy.

free_shipping_warning.png (53.97 KiB) Viewed 5117 times

Re: @tik Add $x for free shipping 1.0

Posted: Sat Oct 06, 2012 3:16 am
by OC2PS
@eka7a Thanks! I know why you would want to do it that way - it does seem nice. In fact my first thought was to do it that way. But OpenCart uses notification/toast box to report results of actions. Hence from usability perspective, it is not a good idea to use it for something more static like this message.

That's why I put this message as pure text with classes so that people can style it any which way, based on their specific themes.

Re: @tik Add $x for free shipping 1.0

Posted: Wed Oct 10, 2012 6:45 pm
by i2Paq
LOL, I have just finished/updated a module that will give you even more info and a same sort of message type but then as a module you can put "wherever" you like ;D

Not sure if I will release it or keep it to myself Image

Re: @tik Add $x for free shipping 1.0

Posted: Tue Oct 16, 2012 9:41 pm
by OC2PS
i2Paq wrote:Not sure if I will release it or keep it to myself

Re: @tik Add $x for free shipping 1.0

Posted: Sat Dec 01, 2012 5:04 am
by rwalker

I am wondering if you had gotten this to show on a product page as well?

Thank you.

Re: @tik Add $x for free shipping 1.0

Posted: Wed Jan 02, 2013 11:53 pm
by kurton

Could you make it in a way to take into account coupon discounts? Once you apply a coupon the values no longer add up as it uses the column total as a base.
I want them to still spend the initial amount for free shipping after coupon. So they need to order more to still get free shipping. :-)

thanks for your advice!


Re: @tik Add $x for free shipping 1.0

Posted: Tue Jan 15, 2013 4:05 pm
by bmba2013
I really like this mod, it is a good way to draw a customer's attention. I am also running the Product Shipping Limit VQMOD 1.0.0 that allows me to pick specific shipping options for each product, is there code that I could use that would turn your mod off if the free shipping option isn't checked for that product. I don't know enough about PHP/XML to set this myself or if you can even attempt this without knowing the other mod, but any help would be greatly appreciated.

Re: @tik Add $x for free shipping 1.0

Posted: Mon Dec 22, 2014 11:52 pm
by gvalex
Im using Clearshop theme
how can i make this work?
i edited here

Code: Select all

<file name="catalog/view/theme/clearshop/template/checkout/cart.tpl">
But its not working...

Please any help


Re: @tik Add $x for free shipping 1.0

Posted: Tue Jul 28, 2015 7:39 pm
by leandromello
need this to OC