Page 1 of 1

@tik Add $x for free shipping 1.0

Posted: Sun Sep 23, 2012 4:21 am
by OC2PS
Extension page http://www.opencart.com/index.php?route ... 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

add-x.JPG (86.01 KiB) Viewed 5026 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 http://forum.opencart.com/viewtopic.php?f=119&t=46606 which adds a similar message to the shipping area in checkout process.

Requirements
  1. This is a vQmod for Opencart. Hence you need Opencart (tested on 1.5.3.1) and vQmod (tested on 2.1.7) preinstalled. Opencart is available at http://www.opencart.com/index.php?route ... d/download and vQmod is available at http://code.google.com/p/vqmod/downloads/list
  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 http://forum.opencart.com/memberlist.ph ... ile&u=5746
  3. For this to work, you must have the Free Shipping module installed and enabled.
Installation

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

Styling

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;
}
Multilingual

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

Code: Select all

catalog/language/yourlanguage/checkout/cart.php
Find

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

free_shipping_warning.png (53.97 KiB) Viewed 4862 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
Tease!

Re: @tik Add $x for free shipping 1.0

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

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
Hi

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!

Kurton

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
Hey
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

Thanks

Re: @tik Add $x for free shipping 1.0

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