ecshop商城如何添加前台切换颜色功能

更新时间:2016-07-26 点击量:826


优易软件为大家分享如何在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>


支付宝扫码打赏 微信打赏

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

在线客服

客户服务

热线电话:

0755-36656507 15889489919 服务时间:

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

在线QQ客服

在线微信客服

关于我们 常见问题

支付方式 加盟合作

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