Magento 1.14.2.2在PLP上翻转图像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Magento 1.14.2.2在PLP上翻转图像相关的知识,希望对你有一定的参考价值。

嘿,我最近添加了一行代码,可以在产品列表页面中滚动图像时显示缩略图。

onmouseover="this.src='<?php echo $this->helper('catalog/image')->init($_product, 'thumbnail')->constrainOnly(FALSE)->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize($_imgSize) ?>';" onmouseout="this.src='<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->constrainOnly(FALSE)->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize($_imgSize) ?>';"/>

这行添加在/template/catalog/product/list.phtml文件中,所以现在它的图像代码如下:

 <a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(283, null)->keepFrame(false); ?>" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" 
        onmouseover="this.src='<?php echo $this->helper('catalog/image')->init($_product, 'thumbnail')->constrainOnly(FALSE)->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize($_imgSize) ?>';" onmouseout="this.src='<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->constrainOnly(FALSE)->keepAspectRatio(TRUE)->keepFrame(FALSE)->resize($_imgSize) ?>';"/>
        </a>

检查我的system.log文件时,收到以下错误消息:

注意:未定义的变量:_ varg /在/ var / www / deploy / releases / 20180227152715 / app / design / frontend / my theme / my theme / template / catalog / product / list.phtml在56行

我知道必须在这里定义_imgSize变量

<?php
$_productCollection=$this->getLoadedProductCollection();
$_helper = $this->helper('catalog/output');
 $_imgSize = null;//not defining rollover image deminsions
?>

我只是不知道_imgSize将被定义为什么。有人能指出我正确的方向吗?

谢谢

答案

您为此函数提供的参数是以像素为单位的大小。这是它的定义:

/**
 * Schedule resize of the image
 * $width *or* $height can be null - in this case, lacking dimension will be calculated.
 *
 * @see Mage_Catalog_Model_Product_Image
 * @param int $width
 * @param int $height
 * @return Mage_Catalog_Helper_Image
 */
public function resize($width, $height = null)
{
    $this->_getModel()->setWidth($width)->setHeight($height);
    $this->_scheduleResize = true;
    return $this;
}

以上是关于Magento 1.14.2.2在PLP上翻转图像的主要内容,如果未能解决你的问题,请参考以下文章

自定义PNG翻转功能在图像上输出黑色背景

在 Magento 2 的产品视图页面上单击产品图像时如何调整 fotoroma 库弹出窗口的大小?

Android - ImageButton上翻转的不同图像

如何通过xml文件导入时将图像连接到magento

图像翻转效果和图像下方的文字

css 更改翻转图像上的Fontawesome图标。