Magento 1.9.3カテゴリページのホバー上に代替画像を表示

Question

カテゴリページのホバーに代替画像を表示するには、「製品情報」 - >「画像」に割り当ててください。 Scope-Global、Catalog Input Type-Media Image、すべての製品タイプに適用するパラメータ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を使用する必要があります。