西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > magento教程 >

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

时间:2011-10-20 17:37来源:未知 作者:好模板 点击:
magento分类页面,如果想在下面加几个细节图,然后当鼠标放在上面,然后上面的图片转换,有点想产品详细页面那种感觉,也是个不错的体验,下面好模板介绍怎么调出来图片 在cata

 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,是细节图小图图片大小的设定.
 
然后,自己写脚本实现你想要的功能吧!
 
(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容