From 975579d551e6ae9171e8781e32900e67882c3969 Mon Sep 17 00:00:00 2001
From: tblivet <thibault.blivet@prestashop.com>
Date: Wed, 22 May 2024 13:59:43 +0200
Subject: [PATCH] fix: remove zoom on modal and move zoom to allow update

---
 src/scss/custom/pages/product/_product.scss            | 10 ++++++++++
 .../catalog/_partials/product-cover-thumbnails.tpl     |  4 ++++
 templates/catalog/product.tpl                          |  4 ----
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/scss/custom/pages/product/_product.scss b/src/scss/custom/pages/product/_product.scss
index 1b0bc9e47..878c0a1c8 100644
--- a/src/scss/custom/pages/product/_product.scss
+++ b/src/scss/custom/pages/product/_product.scss
@@ -35,6 +35,7 @@
         width: 2.5rem;
         min-width: 2.5rem;
         height: 2.5rem;
+        cursor: pointer;
         background-color: #fff;
         border: none;
         border-radius: 50%;
@@ -140,3 +141,12 @@
     }
   }
 }
+
+// Hide product image zoom on quickview modal
+body.modal-open {
+  .quickview {
+    .product__images__modal-opener {
+      display: none;
+    }
+  }
+}
diff --git a/templates/catalog/_partials/product-cover-thumbnails.tpl b/templates/catalog/_partials/product-cover-thumbnails.tpl
index 86e790efe..a36db619e 100644
--- a/templates/catalog/_partials/product-cover-thumbnails.tpl
+++ b/templates/catalog/_partials/product-cover-thumbnails.tpl
@@ -173,3 +173,7 @@
     </picture>
   {/if}
 </div>
+
+{block name='product_images_modal'}
+  {include file='catalog/_partials/product-images-modal.tpl'}
+{/block}
diff --git a/templates/catalog/product.tpl b/templates/catalog/product.tpl
index b42fa6111..b552df823 100644
--- a/templates/catalog/product.tpl
+++ b/templates/catalog/product.tpl
@@ -188,10 +188,6 @@
     {hook h='displayFooterProduct' product=$product category=$category}
   {/block}
 
-  {block name='product_images_modal'}
-    {include file='catalog/_partials/product-images-modal.tpl'}
-  {/block}
-
   {block name='page_footer_container'}
     {block name='page_footer'}
     {/block}