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>

精彩推荐

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站承接各类网站建设,仿站,多平台小程序搭建制作!
3. 本站联系QQ:897918909
beetheme资源网 » ecshop教程:添加前台切换颜色功能

发表评论

售后服务范围1、服务器配置及主机购买推荐
2、模板使用范围内问题免费咨询
3、单价超过100元的模板免费一次安装,需提供服务器信息。
付费增值服务1、提供WordPress主题、插件汉化、优化等服务请详询在线客服
2、承接 WordPress、DedeCMS、ThinkPHP 等系统建站、仿站、开发、定制等服务
3、服务器环境配置(一般 ¥50-300)
4、网站中毒处理(需额外付费,500元/次/质保三个月)
售后服务时间周一至周五(法定节假日除外) 9:00-23:00
免责声明本站所提供的模板(主题/插件)等资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: admin@vip.beetheme.cn),我们会及时删除,给您带来的不便,我们深表歉意!

Hi, 如果你对这款模板有疑问,可以跟我们联系哦!

联系我们

提供最优质的资源集合

立即查看 了解详情

扫码了解我们!