打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
ECshop模板终级调用
后台商品列表中增加商品属性的显示和修改的方法

功能:在商品列表上,点击放大镜,显示商品所有属性以及其价格。见附件图片。


方法/步骤:
1.编辑\admin\templates\goods_list.htm 模板,在

  1. <!-- 商品搜索 -->

  2. {include file="goods_search.htm"}

下面加入以下代码:

  1.  

  2. <div id="zoomImg" style="position:absolute;display:none;width:200px; height:160px;padding:5px;cursor:hand;border:1px solid 

  3. #B4DCFF;z-index:20;background:#F4F9FF"></div>

2. 查找

  1.  

  2. <span onclick="listTable.edit(this, 'edit_goods_name', 

  3. {$goods.goods_id})">{$goods.goods_name|escape:html}</span>

在这行代码前面(<span前),插入:

  1.  

  2. <img src="images/icon_view.gif" title="查看属性列表" 

  3. border=0 onclick="zoomImg(this,'{$goods.goods_id}')">

3.拖到底部,在</script>前,插入以下JS函数;

  1.  

  2. function zoomImg(obj,sortId){ 

  3. var layer = document.getElementById("zoomImg");

  4. var t=obj.offsetTop;

  5. var l=obj.offsetLeft;

  6. while(obj=obj.offsetParent){

  7.   t+=obj.offsetTop;

  8.   l+=obj.offsetLeft;

  9. }

  10. layer.style.left =l+100;

  11. layer.style.top = t-5;

  12. //layer.style.left =200;

  13. //layer.style.top = 120;

  14. zoomHtml="<table><tr><td>←</td><td align=right><a href=# onclick=document.getElementById

  15. ('zoomImg').style.display='none'><img src='images/menu_minus.gif' title='关闭' border=0></a></td></tr><tr><td height=130 

  16. colspan=2><IFRAME frameBorder=0 frameSpacing=0 height=100% marginHeight=0 marginWidth=0 scrolling=yes name=main 

  17. src=goods_attr.php?id="+sortId+" width=300></IFRAME>";

  18. zoomTime=setTimeout("showZoomImg()",1000);

  19. function hideZoomImg(){ 

  20. var layer = document.getElementById("zoomImg");

  21. clearTimeout(zoomTime);

  22. layer.style.display='none';

  23. zoomHtml="";

  24. }

  25. function showZoomImg(){

  26. var layer = document.getElementById("zoomImg");

  27. layer.innerHTML=zoomHtml;

  28. layer.style.display='';

  29. }

以上模板编辑完成。

4,将以下代码保存goods_attr.php文件,保存在\admin下:

  1.  

  2. <?php

  3. define('IN_ECS', true);

  4. require(dirname(__FILE__) . '/includes/init.php');

  5. require_once(ROOT_PATH . '/admin/includes/lib_goods.php');

  6. include_once(ROOT_PATH . '/includes/cls_image.php');

  7. if ($_REQUEST['id'])

  8. {

  9.     $sql        = 'SELECT goods_attr_id,goods_id,attr_value,attr_price FROM ' .$ecs->table('goods_attr'). 

  10.                   ' WHERE goods_id='.$_REQUEST['id'].' ORDER BY goods_attr_id';

  11.     $res        = $db->query($sql);

  12.     $arr        = array();

  13.     echo "<link href=styles/general.css rel=stylesheet type=text/css />";

  14.     echo "<link href=styles/main.css rel=stylesheet type=text/css />";

  15.     echo "当前属性库存:<br>";

  16.     while ($row = $db->fetchRow($res))

  17.     {

  18. if ($row['attr_price']=="" or $row['attr_price']==0)

  19. {

  20.   $price="";

  21. }else{

  22.   $price="属性价格:".$row['attr_price'];

  23. }

  24.         echo "名称:".$row['attr_value']." ".$price."<br>";

  25.     }

  26.  

  27. }

  28. ?>

附加说明:
1.以上针对版本:2.6.1,其他版本请自己测试增加是否适用,版本不太低的情况下,我认为适用的。
2.以上代码所涉及的图片,均在官方版本\admin\images下存在的,无须另找。
3.图中出现的库存数量,是我增加的“商品属性与库存关联”的功能。而以上代码不会涉及此项,可直接按照以上步骤操作,无须顾虑。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
ECSHOP模板标签【ecshop标签大全】ecshop标签手册
php使用DOM生成xml文档
模板 home_layout.php 全部产品分类 layout/home_goods_class'
走马观花SHOPNC [原创]
PHP 原生 DOM 对象操作 XML
ecshop 后台模板管理
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服