更改图片定位以及初始化图片定位矩阵

app/design/frontend/Joshine/breeze/Magento_Catalog/web/css/gallery.css

@@ -895,7 +895,7 @@
     max-height: 100%;
     max-height: 100%;
     max-width: 100%;
     max-width: 100%;
     position: absolute;
     position: absolute;
-    top: 45%;
+    top: 50%;
     -webkit-transform: translate3d(-50%, -50%, 0);
     -webkit-transform: translate3d(-50%, -50%, 0);
     -ms-transform: translate3d(-50%, -50%, 0);
     -ms-transform: translate3d(-50%, -50%, 0);
     -o-transform: translate3d(-50%, -50%, 0);
     -o-transform: translate3d(-50%, -50%, 0);

lib/web/fotorama/fotorama.js

@@ -2522,7 +2522,7 @@ fotoramaVersion = '4.6.4';
                 var normalizedIndex = normalizeIndex(index);
                 var normalizedIndex = normalizeIndex(index);
                 frameData.eq = normalizedIndex;
                 frameData.eq = normalizedIndex;
 
 
-                toDetach[STAGE_FRAME_KEY][normalizedIndex] = $frame.css($.extend({left: o_fade ? 0 : getPosByIndex(index, measures.w, opts.margin, repositionIndex)}, o_fade && getDuration(0)));
+                toDetach[STAGE_FRAME_KEY][normalizedIndex] = $frame.css($.extend({left: o_fade ? 0 : getPosByIndex(index, $('.fotorama__stage').width(), opts.margin, repositionIndex)}, o_fade && getDuration(0)));
 
 
                 if (isDetached($frame[0])) {
                 if (isDetached($frame[0])) {
                     $frame.appendTo($stageShaft);
                     $frame.appendTo($stageShaft);