在分类页面，如果想在下面加几个细节图，然后当鼠标放在上面，然后上面的图片转换，有点想产品详细页面那种感觉，也是个不错的体验，下面介绍怎么调出来图片
在catalog/product/list/phtml中找到下面这行代码的位置，当然这个文件代码有两段，一段是用于list，一段用于grid，找到grid里面的下面的代码
<h2 class="product-name"><a href="<?php echo $_product->getProductUrl() ?>" title="<?php echo $_productNameStripped; ?>"><?php echo $_helper->productAttribute($_product, $_product->getName() , 'name'); ?></a></h2>
然后把这段代码插入，强势插入，哈！
<?php //添加的代码?>
<?php
$product = Mage::getModel('catalog/product')->load($_product->getId());
$galleryImages = $product->getMediaGalleryImages();
foreach ($galleryImages as $_image): ?>
<li>
<a href="<?php echo $_image->url; ?>" class="" id="thumb<?php echo $i ?>" onclick="jSelectImage('<?php echo $i ?>'); return false;">
<img src="<?php echo $this->helper('catalog/image')->init($_product, 'thumbnail', $_image->getFile())->resize(56); ?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />
</a>
</li>
<?php ++$i; endforeach; ?>
<?php //代码结束?>
ok,出来了！
$_image->url为细节图的大图地址，
<?php echo $this->helper('catalog/image')->init($_product, 'thumbnail', $_image->getFile())->resize(56); ?>为细节图的小图地址，resize中的参数56，是细节图小图图片大小的设定。
然后，自己写脚本实现你想要的功能吧！
转载请标注原创链接地址：magentowater：http://www.magentowater.com/blog/magento-catalog-page