修改手机版弹窗无效

app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/gallery.phtml

@@ -44,12 +44,12 @@ $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small');
         </div>
         </div>
 
 
         <?php if (count($images) > 1) : ?>
         <?php if (count($images) > 1) : ?>
-            <a href="javasrcpit:void(0);" class="prev" tabindex="-1">
+            <a href="#" class="prev" tabindex="-1">
                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
                 </svg>
                 </svg>
             </a>
             </a>
-            <a href="javasrcpit:void(0);" class="next" tabindex="-1">
+            <a href="#" class="next" tabindex="-1">
                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
                 </svg>
                 </svg>
@@ -89,7 +89,7 @@ $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small');
 
 
                 $srcset = $responsiveImageHelper->getSrcset($image, 'product_page_image_small');
                 $srcset = $responsiveImageHelper->getSrcset($image, 'product_page_image_small');
                 ?>
                 ?>
-                <a class="<?= implode(' ', $classes) ?>" href="javasrcpit:void(0);" name="<?= $image->getLargeImageUrl() ?>" title="<?= $image->getLabel() ?: __('View Image') ?>">
+                <a class="<?= implode(' ', $classes) ?>" href="#" name="<?= $image->getLargeImageUrl() ?>" title="<?= $image->getLabel() ?: __('View Image') ?>">
                     <img loading="lazy" alt="<?= $image->getLabel() ?>"
                     <img loading="lazy" alt="<?= $image->getLabel() ?>"
                          src="<?= $image->getSmallImageUrl() ?>"
                          src="<?= $image->getSmallImageUrl() ?>"
                         <?php if ($srcset) : ?>
                         <?php if ($srcset) : ?>
@@ -106,7 +106,7 @@ $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small');
     <div class="thumbnails-2" style="display: none">
     <div class="thumbnails-2" style="display: none">
         <?php
         <?php
         foreach ($images as $key => $image) : ?>
         foreach ($images as $key => $image) : ?>
-            <a  href="javasrcpit:void(0);" name="<?= $image->getLargeImageUrl() ?>" title="<?= $image->getLabel() ?: __('View Image') ?>">
+            <a  href="#" name="<?= $image->getLargeImageUrl() ?>" title="<?= $image->getLabel() ?: __('View Image') ?>">
             <?= $key + 1 ;?></a>
             <?= $key + 1 ;?></a>
         <?php endforeach ?>
         <?php endforeach ?>
     </div>
     </div>
@@ -143,6 +143,14 @@ $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small');
         background-color: #fff;
         background-color: #fff;
     }
     }
 
 
+
+    @media (max-width: 768px){
+        .breeze-gallery {
+            display: flex;
+            flex-direction: column;
+            margin-top: -20px;
+        }
+
     }
     }
 </style>
 </style>