scripts.js 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. (function(window, $) {
  2. var frontend = function(window, $) {
  3. var ShopProductsLightGalleryLastImage = '';
  4. // Private
  5. function ShopProductsInitLightGallery() {
  6. $('#product_thumbnails').lightGallery({
  7. pager: false,
  8. showThumbByDefault: false,
  9. toogleThumb: false,
  10. controls: false,
  11. download: false
  12. });
  13. $('#product_image img').css('cursor', 'pointer').click(function() {
  14. $($('#product_thumbnails a.thumbnail').get($(this).data('index'))).click();
  15. });
  16. $('#product_thumbnails a.thumbnail').each(function() {
  17. $(this).mouseover(function() {
  18. if($(this).data('hover') != ShopProductsLightGalleryLastImage) {
  19. ShopProductsLightGalleryLastImage = $(this).data('hover');
  20. $('#product_image img').attr('src', $(this).data('hover'));
  21. $('#product_image img').data('index', $(this).data('index'));
  22. }
  23. });
  24. });
  25. };
  26. function ShopSetBasketNavBtnProductsCount(value) {
  27. $('#basket-nav-btn .badge').html(value);
  28. };
  29. function ShopBasketAjaxCommand(cmd, product_id, success, fail, always) {
  30. $.ajax({
  31. type: "GET",
  32. dataType: 'json',
  33. url: '/shop/basket/' + cmd + '/' + product_id + '/'
  34. }).done(function(data) {
  35. if(success) { success(data); }
  36. }).fail(function(xhr, status, error) {
  37. if(fail) { fail(xhr, status, error); }
  38. }).always(function() {
  39. if(always) { always(); }
  40. });
  41. };
  42. function ShopBasketAjaxGetCount(success, fail, always) {
  43. $.ajax({
  44. type: "GET",
  45. dataType: 'json',
  46. url: '/shop/basket/info/'
  47. }).done(function(data) {
  48. if(success && data && data.total_count) { success(data.total_count); }
  49. }).fail(function(xhr, status, error) {
  50. if(fail) { fail(xhr, status, error); }
  51. }).always(function() {
  52. if(always) { always(); }
  53. });
  54. };
  55. function ShopBasketAjaxUpdateCount() {
  56. ShopBasketAjaxGetCount(function(count) {
  57. ShopSetBasketNavBtnProductsCount(count);
  58. });
  59. };
  60. function Initialize() {
  61. // Check if jQuery was loaded
  62. if(typeof $ == 'function') {
  63. ShopProductsInitLightGallery();
  64. ShopBasketAjaxUpdateCount();
  65. } else {
  66. console.log('Error: jQuery is not loaded!');
  67. }
  68. };
  69. // Initialize
  70. if(window.addEventListener) {
  71. // W3C standard
  72. window.addEventListener('load', Initialize, false);
  73. } else if(window.attachEvent) {
  74. // Microsoft
  75. window.attachEvent('onload', Initialize);
  76. };
  77. // Public
  78. return {
  79. ShopBasketOpen: function(object) {
  80. if(!$(object).hasClass('click-blocked')) {
  81. $(object).addClass('click-blocked');
  82. // ShopSetBasketNavBtnProductsCount(0);
  83. // console.log('ShopOpenBasket', object);
  84. $(object).removeClass('click-blocked');
  85. }
  86. return false;
  87. },
  88. ShopBasketProductPlus: function(object, product_id) {
  89. if(!$(object).hasClass('click-blocked')) {
  90. $(object).addClass('click-blocked');
  91. ShopBasketAjaxCommand('plus', product_id, function(data) {
  92. // console.log('success', data, product_id);
  93. }, function(xhr, status, error) {
  94. // console.log('fail', xhr, status, error, product_id);
  95. }, function() {
  96. ShopBasketAjaxUpdateCount();
  97. $(object).removeClass('click-blocked');
  98. });
  99. }
  100. return false;
  101. },
  102. ShopBasketProductMinus: function(object, product_id) {
  103. if(!$(object).hasClass('click-blocked')) {
  104. $(object).addClass('click-blocked');
  105. ShopBasketAjaxCommand('minus', product_id, function(data) {
  106. // console.log('success', data, product_id);
  107. }, function(xhr, status, error) {
  108. // console.log('fail', xhr, status, error, product_id);
  109. }, function() {
  110. ShopBasketAjaxUpdateCount();
  111. $(object).removeClass('click-blocked');
  112. });
  113. }
  114. return false;
  115. },
  116. ShopBasketProductRemove: function(object, product_id) {
  117. if(!$(object).hasClass('click-blocked')) {
  118. $(object).addClass('click-blocked');
  119. ShopBasketAjaxCommand('remove', product_id, function(data) {
  120. // console.log('success', data, product_id);
  121. }, function(xhr, status, error) {
  122. // console.log('fail', xhr, status, error, product_id);
  123. }, function() {
  124. ShopBasketAjaxUpdateCount();
  125. $(object).removeClass('click-blocked');
  126. });
  127. }
  128. return false;
  129. },
  130. };
  131. }(window, $);
  132. window.frontend = frontend;
  133. }(window, jQuery));