Advertisement
Guest User

Untitled

a guest
May 24th, 2018
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.72 KB | None | 0 0
  1. function presetAddtoCartButtons(){
  2. var orderRows = jQuery(".order-row .row");
  3. var shoppingIndicator = $(".header-order .fa-shopping-cart");
  4. var bodyNode = jQuery("body");
  5. var addToCartAnim = function(orderRow){
  6. var orderRowBox = jQuery("<div class='order-row-box' style='position:absolute; background:#D43F3A; width:40px; height:50px; z-index:9999; opacity:0; border-radius:10px;'></div>");
  7. orderRowBox.css("left", orderRow.offset().left);
  8. orderRowBox.css("top", orderRow.offset().top);
  9. orderRowBox.css("width", orderRow.width());
  10. orderRowBox.css("height", orderRow.height());
  11. bodyNode.append(orderRowBox);
  12.  
  13.  
  14. orderRowBox.animate({
  15. opacity:0.5
  16. }, {
  17. duration:200
  18. });
  19.  
  20. orderRowBox.animate({
  21. left: shoppingIndicator.offset().left,
  22. top: shoppingIndicator.offset().top,
  23. width:20,
  24. height:20
  25. }, {
  26. duration:500,
  27. complete: function() {
  28. orderRowBox.remove();
  29. },
  30. queue: false,
  31. progress: function( now, fx, wtf ){
  32. if(fx < 0.5){
  33. orderRowBox.css("opacity", fx * 0.6);
  34. } else {
  35. orderRowBox.css("opacity", (1 - fx * 0.6));
  36. }
  37. }
  38. });
  39. };
  40.  
  41.  
  42. orderRows.each(function(){
  43. var orderRow = $(this);
  44. var btns = jQuery(".select-photo-custom", orderRow);
  45. btns.each(function(){
  46. var btn = $(this);
  47. btn.on("click", function(){addToCartAnim(orderRow);});
  48. });
  49. });
  50.  
  51. }
  52.  
  53. presetAddtoCartButtons();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement