Post by harryo40 » Fri Sep 09, 2011 3:15 am

When a customer clicks on the Add to Cart button / Add to Confirm or Add to Wishlist, instead of the customer being taken to the top of the screen to see the ajax popup confirmation, a box fades in to the middle of the screen showing the confirmation, displays for a while & then fades back out, leaving the customer exactly were they are.
------------------------------------------------------------------------
Demo: http://harryo.co.uk/demo2
------------------------------------------------------------------------
Features:
Add To Cart Confirmation Ajax popup in centre of screen
Add To Compare Confirmation Ajax popup in centre of screen
Add To Wishlist Confirmation Ajax popup in centre of screen
Easy to change the size of box, box colours, box time visable to customer
All Instructions on how to do the above are included in the download.
------------------------------------------------------------------------
Download: http://www.opencart.com/index.php?route ... on_id=3196
------------------------------------------------------------------------
Please post any questions, queries or problems here.
Last edited by harryo40 on Sat Sep 08, 2012 9:31 pm, edited 1 time in total.

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


Active Member

Posts

Joined
Wed Oct 21, 2009 3:37 am
Location - Blackburn, Lancashire

Post by jbblsb29 » Sat Sep 10, 2011 6:18 pm

I am using the bloody-black theme. How do i get the pop up to work for this theme? Thanks

Newbie

Posts

Joined
Thu Aug 25, 2011 6:45 am

Post by harryo40 » Sat Sep 10, 2011 7:04 pm

jbblsb29 wrote:I am using the bloody-black theme. How do i get the pop up to work for this theme? Thanks
Hi J,
What I have done should work with this theme, as its based on the default theme. It is mainly css & js that I have changed & code has been added or changed in just 4 files of which are shown in the read me file. If you are unsure, just download it & read the Read Me file then follow the steps to install, but also follow the steps on changing the name of the 4 original files etc etc before uploading, then if it doesnt work with your theme, you can easily revert back. There is also step by step details on how to change the colours etc of the box to fit in with your theme ;)

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


Active Member

Posts

Joined
Wed Oct 21, 2009 3:37 am
Location - Blackburn, Lancashire

Post by victor.gatto » Fri Sep 16, 2011 1:29 pm

hi, the popup works fine for the first item, but any other item underneath it doesnt work for, it just selects the item as if i have clicked the name :\

Active Member

Posts

Joined
Thu Sep 01, 2011 9:14 am

Post by victor.gatto » Fri Sep 16, 2011 1:30 pm

EVEN DOES THE SAME THING FOR THE DEMO :L LOL

Active Member

Posts

Joined
Thu Sep 01, 2011 9:14 am

Post by harryo40 » Fri Sep 16, 2011 9:32 pm

victor.gatto wrote:EVEN DOES THE SAME THING FOR THE DEMO :L LOL
I am very confused as to what it is you mean ???
I have just been on the demo & added lots of items to my cart & it showed each item in the popup confirm as i pressed add to cart or compare or wishlist (even when I pressed to add before the previous one had even faded back out) & they were all added to my cart ???
What browser are you using as I have only tested this in Firefox & IE???

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


Active Member

Posts

Joined
Wed Oct 21, 2009 3:37 am
Location - Blackburn, Lancashire

Post by xellbuy » Sat Sep 17, 2011 11:02 am

Hello;

I followed the instructions and replaced the files as I was told to do in the instruction. However when I add something to the cart on my site I get a banner confirmation on the top of the page and not a confirmation checkmark. Can you please help me.

www.cctvcircle.com

Thanks.

Newbie

Posts

Joined
Fri Sep 16, 2011 8:18 am

Post by harryo40 » Sat Sep 17, 2011 9:14 pm

xellbuy wrote:I followed the instructions and replaced the files as I was told to do in the instruction. However when I add something to the cart on my site I get a banner confirmation on the top of the page and not a confirmation checkmark. Can you please help me.

http://www.cctvcircle.com

Thanks.
Hi xellbuy,
I have just clicked your link & added an item or 2 to the cart & the ajax popup shows in the centre of the screen as it should???
What is it exactly that you mean because it appears to be working fine?
What I would suggest though is, making the box a little bigger, due to your titles being longer.

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


Active Member

Posts

Joined
Wed Oct 21, 2009 3:37 am
Location - Blackburn, Lancashire

Post by xellbuy » Sat Sep 17, 2011 9:20 pm

Oh... I see. In Google chrome it doesn't work, works in Firefox though. Thank You.

How can I make it longer? Can you explain to me.

Thanks.

Newbie

Posts

Joined
Fri Sep 16, 2011 8:18 am

Post by harryo40 » Sat Sep 17, 2011 9:29 pm

xellbuy wrote:Oh... I see. In Google chrome it doesn't work, works in Firefox though. Thank You.

How can I make it longer? Can you explain to me.

Thanks.
I had not tested it in chrome due to not having it on my laptop.
To change the box size, just open up & edit the stylesheet.css & find...
/*Begin added by Harryo*/
then below that find the .success part & you need to change the width & height.
I would say try changing them to 200px & then change the margin-left & margin-top to -100px & I think that might look better with your long titles ;)

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


Active Member

Posts

Joined
Wed Oct 21, 2009 3:37 am
Location - Blackburn, Lancashire

Post by xellbuy » Sat Sep 17, 2011 9:40 pm

changed it and it doesn't work.


}
/*Begin added by Harryo*/
.success, .warning, .attention, .information, .rev-success {
padding: 10px 10px 10px 10px;
margin-bottom: 5px;
color: #555;
}
.success a, .warning a, .attention a, .information a {
color: #333;
}
#cart-success{
position: fixed;
z-index:9998;
}
.success {
width:200px;/*width of your box*/
height:200px;/*height of your box*/
position:fixed;
left:50%;
top:50%;
margin-left:-100px;/*Half of your width*/
margin-top:-100px;/*Half of your height*/
z-index:9999;
background:#FFF url('../image/success3.png') bottom no-repeat;/*Background colour & green Tick image*/
border:2px solid #38B0E3;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;-khtml-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;/*border thickness & colour with rounded corners*/
font-size:16px;/*Size of your text that shows in the box*/
}
.rev-success {
background: #EAF7D9 url('../image/success.png') left no-repeat;
border: 1px solid #BBDF8D;
padding-left:20px;
}
/*End added*/

Newbie

Posts

Joined
Fri Sep 16, 2011 8:18 am

Post by harryo40 » Sat Sep 17, 2011 9:40 pm

xellbuy wrote:Oh... I see. In Google chrome it doesn't work
I have just downloaded the latest google chrome & tried the demo @ demo.next2nowt.com & it works just fine on chrome as well as firefox & IE ???

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


Active Member

Posts

Joined
Wed Oct 21, 2009 3:37 am
Location - Blackburn, Lancashire

Post by harryo40 » Sat Sep 17, 2011 9:48 pm

I have just had a look at you source code for the stylesheet & it is still showing as

Code: Select all

.success {
	width:140px;/*width of your box*/
	height:140px;/*height of your box*/
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-70px;/*Half of your width*/
	margin-top:-70px;/*Half of your height*/
so you have not uploaded the changed stylesheet.css for the change to take effect bacause I have just changed my demo to 200px & it works fine

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


Active Member

Posts

Joined
Wed Oct 21, 2009 3:37 am
Location - Blackburn, Lancashire

Post by xellbuy » Sat Sep 17, 2011 10:27 pm

Now it works. I changed it to 200 for width and I think 175 for height. Correct? Can you check for me what I did?

Thanks for your help. Also when are you going to add the video player to opencart description in the store?

Thanks.

Newbie

Posts

Joined
Fri Sep 16, 2011 8:18 am

Post by celestial » Sat Sep 17, 2011 10:32 pm

Harry protect your website with htaccess, everybody have access at your files.

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


User avatar
Expert Member

Posts

Joined
Sat Mar 20, 2010 4:19 am
Location - Costa Rica

Post by harryo40 » Sat Sep 17, 2011 10:38 pm

xellbuy wrote:Now it works. I changed it to 200 for width and I think 175 for height. Correct? Can you check for me what I did?

Thanks for your help. Also when are you going to add the video player to opencart description in the store?

Thanks.
yes that looks much better now ;) & what video player ???

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


Active Member

Posts

Joined
Wed Oct 21, 2009 3:37 am
Location - Blackburn, Lancashire

Post by harryo40 » Sat Sep 17, 2011 10:42 pm

celestial wrote:Harry protect your website with htaccess, everybody have access at your files.
Hi Celestial,
I thought it already was protected with htaccess but obviously not & I am sorting this now, thank you ;)

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


Active Member

Posts

Joined
Wed Oct 21, 2009 3:37 am
Location - Blackburn, Lancashire

Post by xellbuy » Sat Sep 17, 2011 10:46 pm

Sorry... I thought you also made the video for the website.

http://www.opencart.com/index.php?route ... on_id=1783

Can you help me install this? :)

Thanks.

Newbie

Posts

Joined
Fri Sep 16, 2011 8:18 am

Post by harryo40 » Sat Sep 17, 2011 10:50 pm

xellbuy wrote:Sorry... I thought you also made the video for the website.

http://www.opencart.com/index.php?route ... on_id=1783

Can you help me install this? :)

Thanks.
This is the same extension that also has been done with vQmod & also has installation instructions
http://www.opencart.com/index.php?route ... on_id=3263

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


Active Member

Posts

Joined
Wed Oct 21, 2009 3:37 am
Location - Blackburn, Lancashire

Post by xellbuy » Sun Sep 18, 2011 3:52 am

Instead of having the check mark confirmation in the middle of the screen. Can you put the green check mark on the top of the screen in a banner similar to how its now with open cart at default. I just want the confirmation to disappear after a few seconds just like you have it.

Attachments

banner.JPG

banner.JPG (104.29 KiB) Viewed 8854 times


Newbie

Posts

Joined
Fri Sep 16, 2011 8:18 am
Who is online

Users browsing this forum: No registered users and 10 guests