ecshop商城中商品比较页面样式修改

更新时间:2016-07-11 点击量:534





ecshop商城可以增加商品的比较功能,在你点击商品旁边的比较链接就可以把商品加入到比较的框架中,很多时候,我们都需要对比较页面的样式进行修改,或者是商品本身属性的要求需要做修改,我们的页面更美观,。

 

优易软件为大家整理关于修改比较页面样式的方法:

 

首先我们要知道比较页面的样式没有在css中,而是在compare.js这个更目录下的js文件夹下的js文件中。

 

所以我们可以找到关于定义样式的代码:

第一处:

this.compareBox = document.createElement("DIV");
var submitBtn = document.createElement("INPUT");
this.compareList = document.createElement("UL");
this.compareBox.id = "compareBox";
this.compareBox.style.display = "none";
this.compareBox.style.top = "200px";
this.compareBox.align = "center";
this.compareList.id = "compareList";

 

第二处:

var li = document.createElement("LI");
 var span = document.createElement("SPAN");
span.style.overflow = "hidden";
span.style.width = "100px";
span.style.height = "20px";
span.style.display = "block";
span.innerHTML = this.data[key].n;
li.appendChild(span);
li.style.listStyle = "none";
var delBtn = document.createElement("IMG");
delBtn.src = "themes/default/images/drop.gif";
delBtn.className = key;

对照着这些代码进行修改,关于更详细的比较功能调用,大家可以查看优易软件ecshop商品比较功能调用解析


支付宝扫码打赏 微信打赏

如果文章对您有帮助,就打赏一个吧

在线客服

客户服务

热线电话:

0755-36656507 15889489919 服务时间:

周一到周六:9:00-18:00

在线QQ客服

在线微信客服

关于我们 常见问题

支付方式 加盟合作

提交需求
优惠红包 购物车0 反馈留言 返回顶部