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

zencart后台商品列表添加商品图像预览

时间:2015-07-10 10:27来源:未知 作者:好模板 点击:
了更直观的看到产品的姿态,能够为产品分类和产品列表增加对应的产品预览图,这么就便利办理多了。 本修正适用于 Zen Cart 1.3x 和 最新的 1.5x, 触及的文件和修正处并不太多亦不杂乱
了更直观的看到产品的姿态,能够为产品分类和产品列表增加对应的产品预览图,这么就便利办理多了。
 
本修正适用于 Zen Cart 1.3x 和 最新的 1.5x, 触及的文件和修正处并不太多亦不杂乱,
 
翻开 你的办理目录 /includes/modules/category_product_listing.php 文件
下面一切的修正 就在这儿进行了,第一步, 增加一个标题列 查找
<td class="dataTableHeadingContent"><?php echo TABLE_HEADING_CATEGORIES_PRODUCTS; ?></td>  
 
在这以后边 增加一句
<td class="dataTableHeadingContent" align="left">Image</td>  
 
当然假如想寻求完美, 能够将上面的代码片断中的 图画 二字 改成一个自定义常量,
 
然后言语文件夹下再另行指定对应的语种,
 
第二步, 给分类列表增加对应的预览图并附一个条件判别,当没有指定分类图标时用以默许显现的图标, 查找
 
<td class="dataTableContent"><?php echo '<a href="' . zen_href_link(FILENAME_CATEGORIES, zen_get_path($categories->fields['categories_id'])) . '">' . zen_image(DIR_WS_ICONS . 'folder.gif', ICON_FOLDER) . '</a>&nbsp;<b>' . $categories->fields['categories_name'] . '</b>'; ?></td>  
在这以后边 增加下面这段代码:
<td class="dataTableContent" align="left">&nbsp;   
 <?php if ($categories->fields['categories_image'] != '') {echo '<br>'. zen_image(DIR_WS_CATALOG_IMAGES . $categories->fields['categories_image'] ,60,60) . '</a>&nbsp' ;} else {echo '<img src="images/noimage.gif">' ;}?>   
</td>   
 
上面代码中的 图画连接涵数 末的 60,60 为想要显现的图画宽高,
自个找一张或制作一张没有图画时默许的图标 扔到 办理目录下的 images 文件夹中.
 
第三步 给分类下的产品列表增加对应的产品预览图,
 
并附一个条件判别, 当无图产品时显现一张默许的图标, 查找
 
<td class="dataTableContent"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT, 'cPath=' . $cPath . '&pID=' . $products->fields['products_id'] . '&action=new_product_preview&read=only' . '&product_type=' . $products->fields['products_type'] . (isset($_GET['page']) ? '&page=' . $_GET['page'] : '')) . '">' . zen_image(DIR_WS_ICONS . 'preview.gif', ICON_PREVIEW) . '</a>&nbsp;' . $products->fields['products_name']; ?></td>  
在这以后 增加下面这段
 
<td class="dateTableContent" >   
<?php if ($products->fields['products_image'] != '') {echo '<br>'. zen_image(DIR_WS_CATALOG_IMAGES . $products->fields['products_image'] , $order->products[$i]['name'], 80,80) . '</a>&nbsp' ;} else {echo '<img src="images/noimage.gif">' ;}?>   
</td> 
 
同上 代码中 图画连接涵数末的 80,80 为调整图画宽高.
 
用以无图产品显现的默许图标可直接运用上面的无图分类默许图标也能够自个另行指定, 看代码最终一句.
 
至此 简简单单三步 这一功用修正就算收工大吉了,
 
在此根底之上, 假如有闲心 还能够给各个标题 列表项 加上对应的 样式类,
 
然后在CSS定义修饰 以到达更美观的显现效果, 这儿就不赘述了.
(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------