[RELEASED]Add To Cart Confirm Ajax Popup

Post by harryo40 » Sun Sep 18, 2011 6:10 pm

@xellbuy,
You need to change some code in 2 files for that, the common.js file & product.tpl file.
Open & edit the catalog>>view>>>javascript>>common.js file & find...
if (json['success']) {
$('#notification').html('<div class="attention" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');

$('.attention').fadeIn('slow');
& change the 2 attention to success & there are 3 places to change this in the common.js file.
Then open catalog>>view>>>theme>>default>>template>>product>>product.tpl file & find...
if (json['success']) {
$('#notification').html('<div class="attention" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');

$('.attention').fadeIn('slow');
& again, replace the 2 attention with success & thats it

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com

Post by xellbuy » Sun Sep 18, 2011 9:16 pm

Post by victor.gatto » Mon Sep 19, 2011 6:46 am

Post by harryo40 » Wed Sep 21, 2011 12:07 am

victor.gatto wrote:Go to monitors on the demo site. The first samsung product works, but when you click the second apple product, it goes to the item wtf? im having THAT problem.

That is because it has options which is part of the product. You are taken to the product page to make your choices then add the item to cart lol
nothing to do with what I have done

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com

Post by harryo40 » Wed Sep 21, 2011 12:12 am

xellbuy wrote:THANKS AGAIN!!!

My only question is how to make it fade out after a few seconds without the user having to press the "x" in the right hand corner of the message.

Thanks.

To have the box at the top fade back out, you would have to change the ajax in the common.js & the product.tpl.
You would need to change...

Code: Select all

				$('.attention').fadeIn('slow');

& change it to....

Code: Select all

				$('.attention').fadeIn(1000).delay(2000).fadeOut(1500);

& change the numbers in the brackets () to fit in with how long you want each step for in seconds e.g. 2000 = 2 seconds

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com

Post by xellbuy » Wed Sep 21, 2011 12:27 am

Post by harryo40 » Wed Sep 21, 2011 12:32 am

xellbuy wrote:Where is common.js and product.tpl in the directory?

Just look further up this post as its the same 2 files you had to change the last time

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com

Post by xellbuy » Wed Sep 21, 2011 2:58 am

Post by xellbuy » Thu Sep 22, 2011 7:40 am

Post by harryo40 » Thu Sep 22, 2011 6:27 pm

               $('.attention').fadeIn('slow');

		$('.attention').fadeIn(2000).delay(3000).fadeOut(1000);

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com

Post by celestial » Thu Sep 29, 2011 7:09 am

Celestial - Martín Abel Rosales
WhatsApp: 50671482211
Email: martinrosales2012@hotmail.com
Skype: martin.abel.rosales
San José , Costa Rica

Post by harryo40 » Thu Oct 06, 2011 12:46 am

celestial wrote:Harry the mod stuck in shopping cart and you select Estimate Shipping & Taxes, if you select any is OK but the message stay.

Hi Celestial,
I have just tried this & yes, you are right
I have just rectified this issue & will zip & upload the files again in the next 5 minutes for any future downloads.
To manually make the change, all you need to do is open & edit the following file>>> catalog/view/theme/default/template/checkout.tpl
Then find.....

Code: Select all

<div class="success">

& change that to.....

Code: Select all

<div class="rev-success">

Thats it & you should find that it works as normal (not the fade in - fade out i have done, but the normal popup that comes with OC)

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com

Post by harryo40 » Tue Oct 11, 2011 10:30 pm

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com

Post by harryo40 » Wed Nov 23, 2011 2:24 am

I have almost completed my new version of the ajax add to cart confirm v2 & am just testing it to make sure it works as it should. It will also be a vQmod version then it does not change any files & is as simple as plug n play to setup.
A 3 picture slideshow demo can be seen here.....
http://demo.next2nowt.com/slideshow/aja ... rt-V2.html
Due to the time I have spent on doing this, it will not be free but it will only be the minimum allowed charge of $10 (it would be less but the minmum is $10) to download it

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com

Post by earink » Tue Nov 29, 2011 2:30 pm

Post by harryo40 » Tue Nov 29, 2011 7:48 pm

earink wrote:SEARCH NOT FOUND (ABORTING MOD): $('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/layover/image/close.png" alt="" class="close" /></div>');

please advise?

Hi earink,
What version of OC are you using & what is it you was doing when you got this error? because its a new one on me

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com

Post by aerifal » Sat Dec 17, 2011 1:36 pm

Post by harryo40 » Sat Dec 17, 2011 9:18 pm

@aerifal
I have had a look at your site & you are not using this mod?
Also it will only work on the default OC theme because it changes the stylesheet.css & common.js to other files & as you have chnged the default theme, it will not work
You can however get it to work but you would have to edit the stylesheet.css & common.js files & add or change the parts that I have added & changed.

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com

Post by billeweb » Sat Dec 24, 2011 7:43 pm

Post by harryo40 » Mon Dec 26, 2011 9:38 pm

Add To Cart Confirm Ajax Popup for OC 1.5.1.3 --> 1.5.5.1 - Add to Cart Confirmation Popup
Image Map Banner Module - Image Map Banner Module
----------------------------------------------------------------------
Womens Famous Name Fashion Clothing at bargain prices - Next2nowt.com