Magento 1.9.3在類別頁面懸停時顯示替代圖像

Question

我想通過在產品信息 - >圖像中指定懸停在類別頁面上來顯示替代圖像。我已經使用參數Scope-Global，Catalog輸入類型 - 媒體圖像，應用於所有產品類型創建了屬性hover_image。將該屬性添加到集合中。接下來我應該做什麼？謝謝

Answer 1

在類別頁面上顯示替代懸停圖像。您需要在當前主題template/catalog/product/list.phtml中對產品詳情模板進行更改。

由於您已經創建了媒體類型屬性'hover_image'。所以，你需要獲取hover_image型圖像象下面這樣：

<a href="<?php echo $_product->getProductUrl() ?>" class="hover-image" title="<?php echo $this->stripTags($this->getImageLabel($_product, 'hover_image'), null, true) ?>" class="product-image"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'hover_image')->resize(135); ?>" width="135" height="135" alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'hover_image'), null, true) ?>" /></a> 

現在，您需要使用JavaScript應用產品圖片懸停效果隱藏原始圖像，並顯示懸停圖片。