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

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

功能：在商品列表上，点击放大镜，显示商品所有属性以及其价格，效果如下：

方法/步骤：

1.编辑admin emplatesgoods_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();

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