Community Forums

by **harryo40** » Thu Sep 08, 2011 7:15 pm

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.

by **jbblsb29** » Sat Sep 10, 2011 10:18 am

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

by **harryo40** » Sat Sep 10, 2011 11:04 am

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

by **victor.gatto** » Fri Sep 16, 2011 5:29 am

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 :\

by **victor.gatto** » Fri Sep 16, 2011 5:30 am

EVEN DOES THE SAME THING FOR THE DEMO :L LOL

by **harryo40** » Fri Sep 16, 2011 1: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???

by **xellbuy** » Sat Sep 17, 2011 3: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.

by **harryo40** » Sat Sep 17, 2011 1: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.

by **xellbuy** » Sat Sep 17, 2011 1: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.

by **harryo40** » Sat Sep 17, 2011 1: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

by **xellbuy** » Sat Sep 17, 2011 1: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*/

by **harryo40** » Sat Sep 17, 2011 1: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

by **harryo40** » Sat Sep 17, 2011 1: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

by **xellbuy** » Sat Sep 17, 2011 2: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.

by **celestial** » Sat Sep 17, 2011 2:32 pm

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

by **harryo40** » Sat Sep 17, 2011 2: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

by **harryo40** » Sat Sep 17, 2011 2: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

by **xellbuy** » Sat Sep 17, 2011 2: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.

by **harryo40** » Sat Sep 17, 2011 2: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

by **xellbuy** » Sat Sep 17, 2011 7:52 pm

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.