ecshop教程:商品比较页面样式修改

2021-11-16 0 20 百度已收录

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;

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在。
点赞 (0)

1、本站所有资源版权归原公司或原作者所有,如用于商业用途,请购买正版,请下载本站资源试用后删除,感谢您的合作!
2、本站所有资源仅供学习交流使用,将本站资源用于其它任何用途而引起的纠纷,本站不负任何责任。
3、如果您需要使用本站所提供的资源,建议先与原作者联系并征求同意。
4、若您浏览本站过程中发现部分内容侵犯到了您的权益,您也可以通过“联系我们”及时通知网站管理员,并附上侵权内容的证明材料或说明,管理员会在收到通知后的24小时内给予您答复,并将有关侵权的内容删除,感谢您的合作。

361资源网 ECShop教程 ecshop教程:商品比较页面样式修改 https://www.361zy.com/8089.html

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 首先,要明确自己的空间是否支持PHP+Mysql
    第一步: 将本站下载的源码解压后传到空间或者本地服务器
    第二步: 输入域名 “你的域名/install/index.php”,如果是本地测试的,就输入本地的域名,如http://127.0.0.1/install/index.php 或者 http://localhost/install/index.php 等等。
查看详情

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

ecshop教程:商品比较页面样式修改-海报

分享本文封面