欢迎访问融科网络!我们专注于郑州网站建设郑州网站制作郑州网站设计郑州做网站等相关服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行

编程代码

ecshop模板添加前台切换颜色功能

标签: 模板 代码 颜色 ecshop 作者:融科网络 | 点击:
11

Nov
2017

导语
ecshop模板添加前台切换颜色功能,代码下如。郑州网站建设融科网络与你一起分享。
 
ecshop模板添加前台切换颜色功能:
dwt文件中加入下面代码:
<link media="screen" href="{$ecs_css_path}" rel="stylesheet" type="text/css" title="{$ecs_css_path}" />
<link media="screen" href="/themes/kf518/style.css" rel="alternate stylesheet" type="text/css" title="style" />
<link media="screen" href="/themes/kf518/style_brown.css" rel="alternate stylesheet" type="text/css" title="style_brown" />
<link media="screen" href="/themes/kf518/style_pink.css" rel="alternate stylesheet" type="text/css" title="style_pink" />
<link media="screen" href="/themes/kf518/style_purple.css" rel="alternate stylesheet" type="text/css" title="style_purple" />
<link media="screen" href="/themes/kf518/style_red.css" rel="alternate stylesheet" type="text/css" title="style_red" />
 
适当位置载入js    js在附件中
<script type="text/javascript" src="路径/kf518.js"></script>
 
这段是改好的代码具体参照下
<link rel="icon" href="animated_favicon.gif" type="image/gif" />
<link media="screen" href="{$ecs_css_path}" rel="stylesheet" type="text/css" title="{$ecs_css_path}" />
<link media="screen" href="/themes/kf518/style.css" rel="alternate stylesheet" type="text/css" title="style" />
<link media="screen" href="/themes/kf518/style_brown.css" rel="alternate stylesheet" type="text/css" title="style_brown" />
<link media="screen" href="/themes/kf518/style_pink.css" rel="alternate stylesheet" type="text/css" title="style_pink" />
<link media="screen" href="/themes/kf518/style_purple.css" rel="alternate stylesheet" type="text/css" title="style_purple" />
<link media="screen" href="/themes/kf518/style_red.css" rel="alternate stylesheet" type="text/css" title="style_red" />
<link rel="alternate" type="application/rss+xml" title="RSS|{$page_title}" href="{$feed_url}" />
{* 包含脚本文件 *}
<script type="text/javascript" src="/themes/kf518/js/kf518.js"></script>
 
修改好的头部文件,图片路径自己修改下
<div id="ECS_MEMBERZONE">
    {insert_scripts files='transport.js,utils.js'}
              {* ECSHOP 提醒您:根据用户id来调用member_info.lbi显示不同的界面  *}{insert name='member_info'}   
<a title="默认风格" href="javascript:chooseStyle('{$ecs_css_path}',518)"></a> 
<a title="商务蓝色" href="javascript:chooseStyle('style',518)"><img src="/themes/kf518/images/type_0.gif" /></a> 
<a title="棕色风格" href="javascript:chooseStyle('style_brown',518)"><img src="/themes/kf518/images/typebrown_0.gif" /></a> 
<a title="粉色风格" href="javascript:chooseStyle('style_pink',518)"><img src="/themes/kf518/images/typepink_0.gif" /></a>
<a title="紫色风格" href="javascript:chooseStyle('style_purple',518)"><img src="/themes/kf518/images/typepurple_0.gif" /></a> 
<a title="红色风格" href="javascript:chooseStyle('style_red',518)"><img src="/themes/kf518/images/typered_0.gif" /></a>
   </div>
郑州融科网络专注于企业网站建设、网站制作、高端网站设计,郑州荥阳、上街做网站就找融科网络!
本文章网址:http://www.ppssdd.com/code/356.html。转载请保留出处,谢谢合作!

全网(营销型+响应式)专业定制

快速搭建高询盘+营销独立站

微信扫一扫 添加微信

推荐分享,免费SEO诊断

扫码加好友,即送价值1880元的SEO优化教程

(网站没排名,轻松让关键词上首页!专注H5企业建站+网站优化推广)

上一篇:在ECSHOP留言板页面调用商品缩略图

下一篇:ecshop是怎么控制产品的价格显示的

  • 网站建设咨询
  • 网站建设案例
建站流程
  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • 151-3895-5886
  • 品牌网站建设定制
  • 营销型网站建设定制