Re-add correct function & fix breakpoint

Voog · Feb 10, 2022 · 5aa3cf6 · 5aa3cf6
1 parent afa9428
commit 5aa3cf6
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 27 deletions.
diff --git a/javascripts/application.js b/javascripts/application.js
@@ -703,33 +703,37 @@ MMCQ = (function() {
     });
   };
 
-  var handleProductPageContent = function() {
-    $(document).ready(function() {
+  // ===========================================================================
+  // Change product image position on narrower screens (mobile devices)
+  // ===========================================================================
+
+  var handleProductPageContent = function () {
+    $(document).ready(function () {
       changeProductImagePos();
     });
 
-    $(window).resize(debounce(function() {
+    $(window).resize(debounce(function () {
       changeProductImagePos();
     }, 25));
 
-    var changeProductImagePos = function() {
-      var paroductImage = $('.js-product-page-image');
-      var paroductImageWrap = $('.js-product-page-image-wrap');
-      var buyBtnContent = $('.js-buy-btn-content');
+    var changeProductImagePos = function () {
+      var productGallery = $('.js-product-gallery');
+      var productImageContentBox = $('.js-content-item-box');
+      var productContentRight = $('.js-product-content-right');
 
       if ($('.js-buy-btn-content .edy-buy-button-container').length >= 1) {
-        if ($( window ).width() <= 752) {
-          if ($('.js-buy-btn-content .js-product-page-image').length <= 0) {
-            buyBtnContent.prepend(paroductImage);
+        if ($(window).width() < 961) {
+          if ($('.js-buy-btn-content + .js-product-gallery').length === 0) {
+            productContentRight.append(productGallery);
           }
         } else {
-          if ($('.js-product-page-image-wrap .js-product-page-image').length <= 0) {
-            paroductImageWrap.prepend(paroductImage);
+          if ($('.js-content-item-box + .js-product-gallery').length === 0) {
+            productImageContentBox.append(productGallery);
           }
         }
       }
     }
-  }
+  };
 
   // Initiates the functions when window is resized.
   var handleWindowResize = function() {