自定义随身购物车
作者:中国风
来源:动易论坛
点击数: 次
发布时间: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;} |
论坛:
///////////////////////////感谢中国风提供///////////////////////////