自定义随身购物车

作者:中国风 来源:动易论坛 点击数: 发布时间:2008年12月08日

1、下载这个标签解压,并上传到标签里,这个是获取购物车数据的标签 ,需要调用那些内容,在这个标签修改即可。 

 下载地址:自定义随身购物车

 

 2、显示购物车内容标签

自定义一个标签,定义标签名为“我的自定义购物车 标签内容如下:(标签数据设置:无)

 

以下内容为程序代码:

 

或者直接下载这个标签:我的自定义购物车

 

3、页面调用方式,选一个地方,放入:{PE.Label id="我的自定义购物车"/}

 

显示的样式大致如下:

 

CSS样式如下,根据需要,您可以自定义CSS样式,

以下内容为程序代码:

#MyCart{width:364px;display:block;}
.MyCart_List{width:358px;border:3px solid #FCD410;background:#fff;}
.MyCart_List strong{color:#FF2400;}
.MyCart_List ul{width:348px;padding:5px 5px 0;overflow:hidden;}
.MyCart_List li{width:338px;padding:0 5px;overflow:hidden;border-bottom:1px dotted #D1E2F3;background:#fff;float:left;}
.MyCart_List li.tz{background:#fffddd;}
.MyCart_List li dl{height:40px;padding:8px 0;overflow:hidden;}
.MyCart_List li dt{width:52px;height:40px;font:0;line-height:0;float:left;}
.MyCart_List li dt img{width:50px;height:38px;border:1px solid #D1E2F3;}
.MyCart_List li dd{line-height:20px;float:left;}
.MyCart_List li .p_Name{width:185px;padding-left:5px;height:40px;overflow:hidden;word-break:break-all;}
.MyCart_List li .p_Name span{color:#f00;}
.MyCart_List li .p_Price{width:96px;overflow:hidden;text-align:right;}
.MyCart_List li .p_Price a:link,.MyCart_List li .p_Price a:visited{color:#999;}

 

 

论坛:

 

///////////////////////////感谢中国风提供///////////////////////////