自定义随身购物车

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

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

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

 

 2、显示购物车内容标签

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

 

以下内容为程序代码:

<div id="MyCart"></div>

<script language="javascript" type="text/javascript">
setTimeout("Mycartcontentxs()",1000);
function Mycartcontentxs()
{
var sUrla = window.location.host;
var sUrlb = '/';
if(sUrlb.indexOf("/")== 0)
{
sUrlb="/";
}
else
{
sUrlb =sUrlb.substring(0,sUrlb.length-1);
}
   var sUrlc = "Cart"+sUrla+sUrlb;

   var getcartid = getCookies(sUrlc,"CartID"); 
   var x = new AjaxRequest('XML', 'MyCart');
   x.labelname = "自定义随身购物车";
   x.currentpage = 1;
   x.para = ['carcookieid=' + getcartid];
   x.post('updatelabel', '{PE.SiteConfig.ajaxsitepath/}ajax.aspx', function(s)
   {
      var xml = x.createXmlDom(s);
      document.getElementById("MyCart").innerHTML = xml.getElementsByTagName("body")[0].firstChild.data;
   }
   );
}

 

/*----------------------获取购物车COOKIE-------*/
function getCookies(ck,name){ 
  var cookieValue = "";
    var gt="";
  var search = ck + "=";
  offset1 = document.cookie.indexOf(search);
  if (offset1 != -1) { 
  offset1 += search.length;
  end1 = document.cookie.indexOf(";", offset1);
  if (end1 == -1) end1 = document.cookie.length;
  cookieValue = unescape(document.cookie.substring(offset1, end1))
  var search = name + "=";
  offset2 = cookieValue.indexOf(search);
  if (offset2 != -1) { 
  offset2 += search.length;
  end2 = cookieValue.indexOf("&", offset2);
  if (end2 == -1) end2 = cookieValue.length;
  cookieValue = unescape(cookieValue.substring(offset2, end2))
  //alert(Value);
  }else{cookieValue = "";}
  }
  return unescape(cookieValue);
  }
</script>

 

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

 

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;}

 

 

论坛:http://bbs.powereasy.net/dispbbs.asp?boardid=92&id=413493&page=1&star=1

 

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

33444
本篇文章的Tags:    购物车  
如果以上内容未能解决您的问题,欢迎您到我们的讨论区发帖寻求帮助,我们的工作人员会热情为您解答。