Skip to content

J
joshine
Commit be809ca3 by liumengfei
Options

优化列表页面图片加载

parent e601eb60
Showing with 7 additions and 2 deletions
app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/list.phtml
...@@ -96,6 +96,7 @@ $_helper = $block->getData('outputHelper'); ...@@ -96,6 +96,7 @@ $_helper = $block->getData('outputHelper');
data-container="product-<?= /* @noEscape */ $viewMode ?>"> data-container="product-<?= /* @noEscape */ $viewMode ?>">
<?php <?php
$productImage = $block->getImage($_product, $imageDisplayArea); $productImage = $block->getImage($_product, $imageDisplayArea);
$baseImageUrl = $productImage->getImageUrl(); $baseImageUrl = $productImage->getImageUrl();
$allImage = $_product->getMediaGalleryImages()->getItems(); $allImage = $_product->getMediaGalleryImages()->getItems();
$hoverImg = ''; $hoverImg = '';
...@@ -105,6 +106,7 @@ $_helper = $block->getData('outputHelper'); ...@@ -105,6 +106,7 @@ $_helper = $block->getData('outputHelper');
break; break;
} }
} }
if ($pos != null) { if ($pos != null) {
$position = 'left:' . $productImage->getWidth() . 'px;' $position = 'left:' . $productImage->getWidth() . 'px;'
. 'top:' . $productImage->getHeight() . 'px;'; . 'top:' . $productImage->getHeight() . 'px;';
...@@ -114,9 +116,12 @@ $_helper = $block->getData('outputHelper'); ...@@ -114,9 +116,12 @@ $_helper = $block->getData('outputHelper');
<a href="<?= $escaper->escapeUrl($_product->getProductUrl()) ?>" <a href="<?= $escaper->escapeUrl($_product->getProductUrl()) ?>"
class="product photo product-item-photo" class="product photo product-item-photo"
tabindex="-1"> tabindex="-1">
<?= $productImage->toHtml() ?> <?php
$productImageRaw = $imageHelper->init($_product, $imageDisplayArea)->setImageFile($productImage->getFile())->resize($productImage->getWidth(),$productImage->getHeight())->getUrl();
?>
<img class="product-image-photo" data-src="<?= $productImageRaw ?>" loading="lazy" width="<?= $productImage->getWidth() ?>" height="<?= $productImage->getHeight() ?>" alt="Image">
<?php if ($hoverImg): ?> <?php if ($hoverImg): ?>
<img class="hoverImg" width="<?= $productImage->getWidth() ?>" height="<?= $productImage->getHeight() ?>" data-src="<?= $hoverImg ?>"> <img class="hoverImg" width="<?= $productImage->getWidth() ?>" height="<?= $productImage->getHeight() ?>" data-src="<?= $hoverImg ?>" loading="lazy" />
<?php endif; ?> <?php endif; ?>
</a> </a>
<div class="product details product-item-details"> <div class="product details product-item-details">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment