优化列表样式

app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/list.phtml

@@ -59,6 +59,17 @@ $_helper = $block->getData('outputHelper');
     $imageHelper    = $_objectManager->get('\Magento\Catalog\Helper\Image');
     $imageHelper    = $_objectManager->get('\Magento\Catalog\Helper\Image');
     ?>
     ?>
     <style>
     <style>
+        .product-item-photo{
+            animation: fadeIn 2s linear;
+        }
+        @keyframes fadeIn{
+            0% {
+                opacity: 0.1;
+            }
+            100% {
+                opacity: 1;
+            }
+        }
         .mode-list{
         .mode-list{
             display: none;
             display: none;
         }
         }
@@ -229,5 +240,8 @@ $_helper = $block->getData('outputHelper');
             'value' : <?= $price ?>,
             'value' : <?= $price ?>,
             'item'  : <?= json_encode($items, true)  ?>
             'item'  : <?= json_encode($items, true)  ?>
         })
         })
+        require(['jquery'],function ($){
+            $(".product-image-photo").fadeIn("slow");
+        });
     </script>
     </script>
 <?php endif; ?>
 <?php endif; ?>

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

@@ -35,7 +35,7 @@ $mainImageData = $mainImage ?
     <img
     <img
         alt="main product photo"
         alt="main product photo"
         class="gallery-placeholder__image"
         class="gallery-placeholder__image"
-        src=="<?= /* @noEscape */ $mainImageData ?>"
+        src="<?= /* @noEscape */ $mainImageData ?>"
     />
     />
 </div>
 </div>