scripts.js 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  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 ShopBasketBlockObject(object) {
  27. if(object && !$(object).hasClass('click-blocked')) {
  28. $(object).addClass('click-blocked');
  29. }
  30. };
  31. function ShopBasketUnBlockObject(object) {
  32. if(object && $(object).hasClass('click-blocked')) {
  33. $(object).removeClass('click-blocked');
  34. }
  35. };
  36. function ShopBasketObjectIsNotBlocked(object) {
  37. if(!object) {
  38. return false;
  39. }
  40. return !$(object).hasClass('click-blocked');
  41. };
  42. function ShopBasketSetNavBtnProductsCount(value) {
  43. $('#basket-nav-btn .badge').html(value);
  44. };
  45. function ShopBasketAjaxCommand(cmd, product_id, success, fail, always) {
  46. $.ajax({
  47. type: "GET",
  48. dataType: 'json',
  49. url: '/shop/basket/' + cmd + '/' + product_id + '/'
  50. }).done(function(data) {
  51. if(success) { success(data); }
  52. }).fail(function(xhr, status, error) {
  53. if(fail) { fail(xhr, status, error); }
  54. }).always(function() {
  55. if(always) { always(); }
  56. });
  57. };
  58. function ShopBasketAjaxGetCount(success, fail, always) {
  59. $.ajax({
  60. type: "GET",
  61. dataType: 'json',
  62. url: '/shop/basket/info/'
  63. }).done(function(data) {
  64. if(success && data && data.total_count) { success(data.total_count); }
  65. }).fail(function(xhr, status, error) {
  66. if(fail) { fail(xhr, status, error); }
  67. }).always(function() {
  68. if(always) { always(); }
  69. });
  70. };
  71. function ShopBasketAjaxUpdateCount() {
  72. ShopBasketAjaxGetCount(function(count) {
  73. ShopBasketSetNavBtnProductsCount(count);
  74. });
  75. };
  76. function Initialize() {
  77. // Check if jQuery was loaded
  78. if(typeof $ == 'function') {
  79. ShopProductsInitLightGallery();
  80. ShopBasketAjaxUpdateCount();
  81. } else {
  82. console.log('Error: jQuery is not loaded!');
  83. }
  84. };
  85. // Initialize
  86. if(window.addEventListener) {
  87. // W3C standard
  88. window.addEventListener('load', Initialize, false);
  89. } else if(window.attachEvent) {
  90. // Microsoft
  91. window.attachEvent('onload', Initialize);
  92. };
  93. // Public
  94. return {
  95. ShopBasketOpen: function(object) {
  96. if(ShopBasketObjectIsNotBlocked(object)) {
  97. ShopBasketBlockObject(object);
  98. // ShopBasketSetNavBtnProductsCount(0);
  99. // console.log('ShopOpenBasket', object);
  100. ShopBasketUnBlockObject(object);
  101. }
  102. return false;
  103. },
  104. ShopBasketProductPlus: function(object, product_id) {
  105. if(ShopBasketObjectIsNotBlocked(object)) {
  106. ShopBasketBlockObject(object);
  107. ShopBasketAjaxCommand('plus', product_id, function(data) {
  108. // console.log('success', data, product_id);
  109. }, function(xhr, status, error) {
  110. // console.log('fail', xhr, status, error, product_id);
  111. }, function() {
  112. ShopBasketAjaxUpdateCount();
  113. ShopBasketUnBlockObject(object);
  114. });
  115. }
  116. return false;
  117. },
  118. ShopBasketProductMinus: function(object, product_id) {
  119. if(ShopBasketObjectIsNotBlocked(object)) {
  120. ShopBasketBlockObject(object);
  121. ShopBasketAjaxCommand('minus', product_id, function(data) {
  122. // console.log('success', data, product_id);
  123. }, function(xhr, status, error) {
  124. // console.log('fail', xhr, status, error, product_id);
  125. }, function() {
  126. ShopBasketAjaxUpdateCount();
  127. ShopBasketUnBlockObject(object);
  128. });
  129. }
  130. return false;
  131. },
  132. ShopBasketProductRemove: function(object, product_id) {
  133. if(ShopBasketObjectIsNotBlocked(object)) {
  134. ShopBasketBlockObject(object);
  135. ShopBasketAjaxCommand('remove', product_id, function(data) {
  136. // console.log('success', data, product_id);
  137. }, function(xhr, status, error) {
  138. // console.log('fail', xhr, status, error, product_id);
  139. }, function() {
  140. ShopBasketAjaxUpdateCount();
  141. ShopBasketUnBlockObject(object);
  142. });
  143. }
  144. return false;
  145. },
  146. };
  147. }(window, $);
  148. window.frontend = frontend;
  149. }(window, jQuery));