php - マジェントのカテゴリ製品リストのデフォルト画像の上にマウスを置くと、別の画像が表示されます

Question

私はmagentoサイトを開発しています。マイ カテゴリの商品リスト ページ ( catalog/products/list.phtml) 内。デフォルトの画像の上にマウスを置いたときに画像のスワップ機能を実装する必要があります...（ここでは、各製品には2つ以上の画像があり、デフォルトの画像の上にマウスを置いている間、他の画像のいずれかを表示する必要があります）

私はこのマジェントに不慣れです..

誰でも私を助けてくれますか..

Answer 1

私が知っていることから、magentoはデフォルトでカテゴリページに1つの画像、「small_image」のみをロードします。他の画像を表示したい場合は、製品の完全なインスタンスを作成する必要があります

$_product = Mage::getModel('catalog/product')->load([product id]);

次に、メディア ギャラリーをループします。

foreach ($_product->getMediaGalleryImages() as $image) {
  // assign the image you want to the product object
  $_product->setImage($image->getFile());
} 

完了したら、次を使用して新しいイメージにアクセスできます

echo $this->helper('catalog/image')->init($_product, 'image')->resize(200, 350); 

上記は、200x350 の画像のキャッシュ バージョンの画像 URL を返し
ます。これを画像のデータ属性に割り当て、javascript を使用してマウスオーバー時に img src を変更し
ます。ユーザーに可能な限り最高の体験を