{Solved}Order confirmation bar

[Zen_j1]

How to add order confirmation bar " product added to cart" as show on this site http://mypresta.eu/

 

When you click Buy Now Button it show a bar at bottom of page for a second. 

 

 

 

Edited February 16, 2014 by Zen_j1 (see edit history)

[Zen_j1]

Since Vekia has already written so many good article and tutorial on his site. I would like to request Vekia to write a tutorial about this. I hope my request will be accepted. Hope is a good thing 

[Paulito]

Good morning

 

+1

 

Their is also a great "pop-up" add to cart tutorial HERE

 

Paul

[vekia]

Since Vekia has already written so many good article and tutorial on his site. I would like to request Vekia to write a tutorial about this. I hope my request will be accepted. Hope is a good thing 

 

 

hello,

thank you for your suggestion, i will write guide regarding to this effect

it will be an easy modification of js files

i will let you know about that in this thread

[Zen_j1]

Thanks Vekia I will wait for your tutorial. Thanks paulito for link In mean time I have seen tutorial by Nemo , I would like to know how to make the box (pop up disappear) after 1 or 2 sec just providing confirmation to customer product has been added to cart. I do not need button as my is daily need shop and would like customer to continue shopping

[Paulito]

Totally agree with you.

It would be great to have solutions from both these clever gentlemen

 

Paul

[Zen_j1]

I would once again like to request Vekia if possible please take some time to write tutorial. Looking forward for your tutorial.

[vekia]

I would once again like to request Vekia if possible please take some time to write tutorial. Looking forward for your tutorial.

tutorial ready:

product added to cart notification bar

[Paulito]

Great

 

Thank you very much

 

Paul

 

PS. How to adjust the fadeout, is it on the line you added

.fadeout (8000);

Edited February 11, 2014 by Paulito (see edit history)

[vekia]

what you mean by adjust? you can make it faster? longer?

8000 - means 8 seconds

 

it mean that message will disappear after 8 seconds

[Paulito]

Thank you 

That's what I meant 8000, I thought that is was 8 seconds but further down in the code, around line 78, I think, I saw "fadeout 100".
The numbers seemed to me too different, that is why I asked.

 

Anyway you can see how easy it is to do here, just add an item to cart

 

http://mobileskunk.co.uk/index.php?id_product=13&controller=product&id_lang=1

 

Thank you

Paul

Edited February 11, 2014 by Paulito (see edit history)

[Zen_j1]

tutorial ready:

product added to cart notification bar

Thank You. You are a Legend.

[Zen_j1]

I have question

If I have a 3 item in stock for a product and customer place a order for 5 then prestashop pop up message “not enough products in stock” at the same time confirmation bar appear with message product added to cart.  But in fact product is not added because there are not enough in stock.  I found a post on prestshop which say to add   

if (!jsonData.hasError) 

{

$('#addtocartpopup').fadeIn(500).delay(2000).fadeOut(500);

}

 

I would like to know what should I add to this code and where it should be placed in javascript to stop confirmation bar coming up if enough product is not in stock.

 

Post where I found the code:- http://www.prestashop.com/forums/topic/169456-displaying-added-to-cart-text/
 

Once again thanks the for tutorial.

Edited February 13, 2014 by Zen_j1 (see edit history)

[Zen_j1]

Solution:-

 

 

if(!jsonData.errors)
                    {
                    $("body").append("<div class='addtocartconfirmation'><span>"+addtocartconfirmation+"</span></div>"); $(".addtocartconfirmation").fadeOut(8000);
                    }