From c72869ec3fcb3e99921ff2ac7b89b5816c53bf9d Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Sun, 26 Nov 2023 18:25:22 +0530
Subject: [PATCH] fix: product images are resized automatically while while
 switching

---
 templates/catalog/_partials/product-cover-thumbnails.tpl | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/templates/catalog/_partials/product-cover-thumbnails.tpl b/templates/catalog/_partials/product-cover-thumbnails.tpl
index aaf8111..396d329 100644
--- a/templates/catalog/_partials/product-cover-thumbnails.tpl
+++ b/templates/catalog/_partials/product-cover-thumbnails.tpl
@@ -22,15 +22,15 @@
  * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
  * International Registered Trademark & Property of PrestaShop SA
  *}
-<div class="images-container flex flex-row-reverse justify-center gap-6 flex-wrap lg:flex-nowrap">
+<div class="images-container flex w-full flex-row-reverse justify-center gap-6 flex-wrap lg:flex-nowrap">
   {block name='product_cover'}
-    <div class="product-cover">
-        <img class="js-qv-product-cover max-w-2xl bg-gray-100" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" style="width:100%;" itemprop="image">
+    <div class="product-cover w-full">
+        <img class="js-qv-product-cover w-full bg-gray-100" src="{$product.cover.bySize.large_default.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" itemprop="image">
     </div>
   {/block}
 
   {block name='product_images'}
-    <div class="js-qv-mask mask"" >
+    <div class="js-qv-mask mask" >
       <ul class="product-images js-qv-product-images flex flex-row lg:flex-col gap-6">
         {foreach from=$product.images item=image}
           <li class="thumb-container w-14 md:w-24">