你现在的位置:首页 > PHP网站建设知识库 > magento > 正文

如何在magento产品分类页面调出来细节图

magento分类页面,如果想在下面加几个细节图,然后当鼠标放在上面,然后上面的图片转换,有点想产品详细页面那种感觉,也是个不错的体验,下面介绍怎么调出来图片
 
在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,是细节图小图图片大小的设定.
 
然后,自己写脚本实现你想要的功能吧!