Magento网站的后台订单管理中心和前台客户面板My Orders处默认是没有图片的,这样在给订单配货的时候就有点不方便,特别是有的产品具有唯一性,比如天然石头,为客户定制的手工品礼品等,很难凭记忆是哪些产品,有时候还要到前台去查一下;客户由于看不到图片,也可能不知道收到的到底是不是他订购的产品。如果订单上面显示图片就好分辨多了。 今天正好有位朋友需要给他的Magento网店订单中心添加图片,现将详细步骤记录如下: 后台订单中添加图片:第一步,打开 app\design\adminhtml\default\default\template\sales\order\view\items.phtml 找到这行代码 <th><?php echo $this->helper('sales')->__('Product') ?></th> 在它下面插入如下代码后保存 <th><span><?php echo $this->helper('sales')->__('Product Image') ?></span></th> 如图
第二步,打开app\design\adminhtml\default\default\template\sales\order\view\items\renderer\default.phtml 找到 <td class="a-center">< ?php echo $_item->getStatus() ?></td> 在它上面插入下面代码后保存 <td> <?php //######## Display Thumbnail $imageCollection = Mage::getModel('catalog/product')->load($_item['product_id']); $i=0; foreach ($imageCollection->getMediaGalleryImages() as $_image) { if($i == 0) { ?> <a href="#" onclick="Popup=window.open('<?php echo $this- rel="external nofollow">helper('catalog/image')->init($imageCollection, 'image', $_image->getFile())->resize(600); ?>','Popup','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no, width=620,height=700,left=430,top=23'); return false;" style="float:left; margin-right:10px"> <img src="<?php echo $this- alt="如何给 Magento网站后台订单管理中心和客户订单页面添加图片"/>helper('catalog/image')->init($imageCollection, 'thumbnail', $_image->getFile())->resize(100);?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" /> </a> <?php } $i++; } //######## Display Thumbnail End ?> </td>
这样后台订单处就可以看到产品的图片了
前台客户订单中添加图片:第一步,打开 /app/design/frontend/base/default/template/sales/order/items.phtml 在….Product Name….下面添加一行图片列 <th><?php echo $this->__('Product images') ?></th> 然后打开 /app/design/frontend/base/default/template/sales/order/items/renderer/default.phtml 在SKU代码前面添加代码: <td> <?php //######## Display Thumbnail $imageCollection = Mage::getModel('catalog/product')->load($_item['product_id']); $i=0; foreach ($imageCollection->getMediaGalleryImages() as $_image) { if($i == 0) { ?> <a href="#" onclick="Popup=window.open('<?php echo $this- rel="external nofollow">helper('catalog/image')->init($imageCollection, 'image', $_image->getFile())->resize(600); ?>','Popup','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no, width=620,height=700,left=430,top=23'); return false;" style="float:left; margin-right:10px"> <img src="<?php echo $this- alt="如何给 Magento网站后台订单管理中心和客户订单页面添加图片"/>helper('catalog/image')->init($imageCollection, 'thumbnail', $_image->getFile())->resize(100);?>" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" /> </a> <?php } $i++; } //######## Display Thumbnail End ?> </td> 保存。后台客户订单处效果如下:
请注意,如果一个产品有多个图片的话,这里显示的是sort order为1的那张图片 (责任编辑:好模板) |