合肥网站建设工作室

关注合肥工作室微信公众号,提供最新网站建设资讯

扫一扫微信二维码

ECSHOP后台商品列表中增加商品属性的显示方法

2011-12-25 17:27:56建站知识 297

功能:在商品列表上,点击放大镜,显示商品所有属性以及其价格,效果如下:DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

ECSHOP后台商品列表中增加商品属性的显示方法 - labbs - 单纯枫部落阁DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

 DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

方法/步骤:DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

1.编辑admin emplatesgoods_list.htm 模板,在DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

<!-- 商品搜索 -->DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

{include file="goods_search.htm"}DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

下面加入以下代码:DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

<div id="zoomImg" style="position:absolute;display:none;width:200px; height:160px;padding:5px;cursor:hand;border:1px solidDN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

#B4DCFF;z-index:20;background:#F4F9FF"></div>DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

 DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

2. 查找DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

<span onclick="listTable.edit(this, 'edit_goods_name',DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

{$goods.goods_id})">{$goods.goods_name|escape:html}</span>DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

在这行代码前面(<span前),插入:DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

<img src="images/icon_view.gif" title="查看属性列表"DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

border=0 onclick="zoomImg(this,'{$goods.goods_id}')">DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

3.拖到底部,在</script>前,插入以下JS函数;DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

function zoomImg(obj,sortId){DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

var layer = document.getElementById("zoomImg");DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

var t=obj.offsetTop;DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

var l=obj.offsetLeft;DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

while(obj=obj.offsetParent){DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

  t+=obj.offsetTop;DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

  l+=obj.offsetLeft;DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

}DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

layer.style.left =l+100;DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

layer.style.top = t-5;DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

//layer.style.left =200;DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

//layer.style.top = 120;DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

zoomHtml="<table><tr><td>←</td><td align=right><a href=# onclick=document.getElementByIdDN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

('zoomImg').style.display='none'><img src='images/menu_minus.gif' title='关闭' border=0></a></td></tr><tr><td height=130DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

colspan=2><IFRAME frameBorder=0 frameSpacing=0 height=100% marginHeight=0 marginWidth=0 scrolling=yes name=mainDN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

src=goods_attr.php?id="+sortId+" width=300></IFRAME>";DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

zoomTime=setTimeout("showZoomImg()",1000);DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

}DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

function hideZoomImg(){DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

var layer = document.getElementById("zoomImg");DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

clearTimeout(zoomTime);DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

layer.style.display='none';DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

zoomHtml="";DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

}DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

function showZoomImg(){DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

var layer = document.getElementById("zoomImg");DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

layer.innerHTML=zoomHtml;DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

layer.style.display='';DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

}DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

以上模板编辑完成。DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

4,将以下代码保存goods_attr.php文件,保存在admin下:DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

<?phpDN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

define('IN_ECS', true);DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

require(dirname(__FILE__) . '/includes/init.php');DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

require_once(ROOT_PATH . '/admin/includes/lib_goods.php');DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

include_once(ROOT_PATH . '/includes/cls_image.php');DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

if ($_REQUEST['id'])DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

{DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

    $sql        = 'SELECT goods_attr_id,goods_id,attr_value,attr_price FROM ' .$ecs->table('goods_attr').DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

                  ' WHERE goods_id='.$_REQUEST['id'].' ORDER BY goods_attr_id';DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

    $res        = $db->query($sql);DN2合肥网站工作室|合肥网站建设优化推广 - 合肥LZ建站工作室

    $arr        = array();

本文关键词
商品列表,商品属性,ecshop增加商品属性