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

2021-09-07 0 1,322

Ecshop 有一个商品对比功能,是链接到正确的货物在你点击添加货物之前比较框架,大多数时候,我们都需要修改页面和页面的风格是我们更美丽。
方法修改比较页面风格:
比较页面的风格没有 CSS,但在比较。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 教程:商品比较页面样式修改

收藏 (0)

微信支付 微信扫一扫

支付宝支付 支付宝扫一扫

打赏二维码
点赞 (0)

站长资源下载中心-找源码上汇站

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

联系官方客服

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