ECSHOP后台商品列表中增加商品属性的显示方法
来源:互联网 发布:人工智能产业发展趋势 编辑:程序博客网 时间:2024/04/30 01:35
功能:在商品列表上,点击放大镜,显示商品所有属性以及其价格,效果如下:
方法/步骤:
1.编辑\admin\templates\goods_list.htm 模板,在
<!-- 商品搜索 -->
{include file="goods_search.htm"}
下面加入以下代码:
<div id="zoomImg" style="position:absolute;display:none;width:200px; height:160px;padding:5px;cursor:hand;border:1px solid
#B4DCFF;z-index:20;background:#F4F9FF"></div>
2. 查找
<span onclick="listTable.edit(this, 'edit_goods_name',
{$goods.goods_id})">{$goods.goods_name|escape:html}</span>
在这行代码前面(<span前),插入:
<img src="images/icon_view.gif" title="查看属性列表"
border=0 onclick="zoomImg(this,'{$goods.goods_id}')">
3.拖到底部,在</script>前,插入以下JS函数;
function zoomImg(obj,sortId){
var layer = document.getElementById("zoomImg");
var t=obj.offsetTop;
var l=obj.offsetLeft;
while(obj=obj.offsetParent){
t+=obj.offsetTop;
l+=obj.offsetLeft;
}
layer.style.left =l+100;
layer.style.top = t-5;
//layer.style.left =200;
//layer.style.top = 120;
zoomHtml="<table><tr><td>←</td><td align=right><a href=# onclick=document.getElementById
('zoomImg').style.display='none'><img src='images/menu_minus.gif' title='关闭' border=0></a></td></tr><tr><td height=130
colspan=2><IFRAME frameBorder=0 frameSpacing=0 height=100% marginHeight=0 marginWidth=0 scrolling=yes name=main
src=goods_attr.php?id="+sortId+" width=300></IFRAME>";
zoomTime=setTimeout("showZoomImg()",1000);
}
function hideZoomImg(){
var layer = document.getElementById("zoomImg");
clearTimeout(zoomTime);
layer.style.display='none';
zoomHtml="";
}
function showZoomImg(){
var layer = document.getElementById("zoomImg");
layer.innerHTML=zoomHtml;
layer.style.display='';
}
以上模板编辑完成。
4,将以下代码保存goods_attr.php文件,保存在\admin下:
<?php
define('IN_ECS', true);
require(dirname(__FILE__) . '/includes/init.php');
require_once(ROOT_PATH . '/admin/includes/lib_goods.php');
include_once(ROOT_PATH . '/includes/cls_image.php');
if ($_REQUEST['id'])
{
$sql = 'SELECT goods_attr_id,goods_id,attr_value,attr_price FROM ' .$ecs->table('goods_attr').
' WHERE goods_id='.$_REQUEST['id'].' ORDER BY goods_attr_id';
$res = $db->query($sql);
$arr = array();
echo "<link href=styles/general.css rel=stylesheet type=text/css />";
echo "<link href=styles/main.css rel=stylesheet type=text/css />";
echo "当前属性库存:<br>";
while ($row = $db->fetchRow($res))
{
if ($row['attr_price']=="" or $row['attr_price']==0)
{
$price="";
}else{
$price="属性价格:".$row['attr_price'];
}
echo "名称:".$row['attr_value']." ".$price."<br>";
}
}
?>
好,大功告成!
附加说明:
1.以上针对版本:2.6.1,其他版本请自己测试增加是否适用,版本不太低的情况下,我认为适用的。
2.以上代码所涉及的图片,均在官方版本\admin\images下存在的,无须另找。
3.图中出现的库存数量,是我增加的“商品属性与库存关联”的功能(需要此功能,可联系我QQ9921841)。而以上代码不会涉及此项,可直接按照以上步骤操作,无须顾虑。
- ECSHOP后台商品列表中增加商品属性的显示方法
- ECSHOP后台商品列表中增加商品属性的显示方法 .
- [OK]ECSHOP后台的商品列表里显示商品品牌
- ECshop 商品属性后台添加,前台显示
- 如何在ecshop中实现后台商品列表显示会员等级价格的解决办法
- ECSHOP 商品增加新字段的方法
- ECSHOP 商品增加新字段的方法
- 在ECSHOP商品列表页显示每个商品的品牌
- ecshop后台显示商品缩略图
- ecshop后台管理员登陆显示商品列表价格不同
- ecshop后台商品列表和添加修改选择供货商处只显示自己管理的
- ecshop后台商品列表和添加修改选择供货商处只显示自己管理的
- ecshop后台商品列表添加自定义方法 例如添加商品提醒信息
- ECSHOP 后台商品列表页搜索二次
- ecshop商品页显示累计销售量,ecshop显示商品销售总数量的方法
- ecshop订单打印无法显示商品属性,前台商品属性
- Ecshop用户中心的收藏列表里显示商品缩略图
- ecshop用户中心我的订单列表中显示商品的名称
- 揭开J2EE集群的神秘面纱(一)
- GW620 刷机 ANDROID 1.5、2.2、2.3
- 当前几个主要的Lucene中文分词器的比较
- 会计科目 分类 说明
- bootloader介绍
- ECSHOP后台商品列表中增加商品属性的显示方法
- android seekbar自绘
- WPF中richtextbox的一些用法
- 程序员技术练级攻略
- ASP.net通过URL传递参数
- VC6开发视频监控ActiveX控件总结(转)
- ☆ Visual Studio 2008 每日小窍门 【持续发布ing~】 Tips:060
- 揭开J2EE集群的神秘面纱(二)
- http长连接200万尝试及调优