Skip to content

J
joshine
Commit 2b6deff4 by halweg
Options

fix：商品列表封面切换压缩/淡入淡出

parent f3964d27
Showing with 20 additions and 3 deletions
app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/list.phtml
...@@ -55,6 +55,8 @@ $_helper = $block->getData('outputHelper'); ...@@ -55,6 +55,8 @@ $_helper = $block->getData('outputHelper');
} }
} }
$googleGtmName = is_null($pos) ? 'view_item_list' : 'view_search_results'; $googleGtmName = is_null($pos) ? 'view_item_list' : 'view_search_results';
$_objectManager = \Magento\Framework\App\ObjectManager::getInstance();
$imageHelper = $_objectManager->get('\Magento\Catalog\Helper\Image');
?> ?>
<style> <style>
.mode-list{ .mode-list{
...@@ -68,10 +70,20 @@ $_helper = $block->getData('outputHelper'); ...@@ -68,10 +70,20 @@ $_helper = $block->getData('outputHelper');
width: 100%; width: 100%;
opacity:0; opacity:0;
height: 100%; height: 100%;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
} }
.hoverImg:hover{ .hoverImg:hover{
opacity: 1; opacity: 1;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
} }
</style> </style>
<div class="products wrapper <?= /* @noEscape */ $viewMode ?> products-<?= /* @noEscape */ $viewMode ?>"> <div class="products wrapper <?= /* @noEscape */ $viewMode ?> products-<?= /* @noEscape */ $viewMode ?>">
...@@ -87,10 +99,10 @@ $_helper = $block->getData('outputHelper'); ...@@ -87,10 +99,10 @@ $_helper = $block->getData('outputHelper');
$baseImageUrl = $productImage->getImageUrl(); $baseImageUrl = $productImage->getImageUrl();
$allImage = $_product->getMediaGalleryImages()->getItems(); $allImage = $_product->getMediaGalleryImages()->getItems();
$haverImg = ''; $hoverImg = '';
foreach ($allImage as $img){ foreach ($allImage as $img){
if (basename($baseImageUrl) != basename($img->getUrl())){ if (basename($baseImageUrl) != basename($img->getUrl())){
$haverImg = $img->getUrl(); $hoverImg = $imageHelper->init($_product, 'product_page_image_large')->setImageFile($img->getFile())->resize(400,500)->getUrl();
break; break;
} }
} }
...@@ -105,7 +117,7 @@ $_helper = $block->getData('outputHelper'); ...@@ -105,7 +117,7 @@ $_helper = $block->getData('outputHelper');
class="product photo product-item-photo" class="product photo product-item-photo"
tabindex="-1"> tabindex="-1">
<?= $productImage->toHtml() ?> <?= $productImage->toHtml() ?>
<img class="hoverImg" whidth="<?= $productImage->getWidth() ?>" height="<?= $productImage->getHeight() ?>" src="<?= $haverImg ?>"> <img class="hoverImg" width="<?= $productImage->getWidth() ?>" height="<?= $productImage->getHeight() ?>" src="<?= $hoverImg ?>">
</a> </a>
<div class="product details product-item-details"> <div class="product details product-item-details">
<?php $_productNameStripped = $block->stripTags($_product->getName(), null, true); ?> <?php $_productNameStripped = $block->stripTags($_product->getName(), null, true); ?>
......
app/design/frontend/Joshine/breeze/i18n/es_ES.csv
...@@ -15632,6 +15632,11 @@ Shopping Now,Ahora de compras ...@@ -15632,6 +15632,11 @@ Shopping Now,Ahora de compras
"Subscribe to get your exclusive offer.","Suscríbase para obtener su oferta exclusiva." "Subscribe to get your exclusive offer.","Suscríbase para obtener su oferta exclusiva."
"Thank your Subscribe!","¡ gracias por su suscripción!" "Thank your Subscribe!","¡ gracias por su suscripción!"
invalid email address,Dirección de correo electrónico no válida invalid email address,Dirección de correo electrónico no válida
"Order Total:", "Total del pedido:"
Free Over,Gratis sobre
"10-15 Working Days -","10-15 días laborables-"
SECURE CHECKOUT,PAGO SEGURO
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