ecshop教程:添加前台切换颜色功能

2016-08-25 0 4,314

:添加前台切换颜色功能!

dwt文件中加入下面代码:

<link media="screen" href="{$ecs_css_path}" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="stylesheet" type="text/css" title="{$ecs_css_path}" />
<link media="screen" href="/themes/kf518/style.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="alternate stylesheet" type="text/css" title="style" />
<link media="screen" href="/themes/kf518/style_brown.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="alternate stylesheet" type="text/css" title="style_brown" />
<link media="screen" href="/themes/kf518/style_pink.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="alternate stylesheet" type="text/css" title="style_pink" />
<link media="screen" href="/themes/kf518/style_purple.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="alternate stylesheet" type="text/css" title="style_purple" />
<link media="screen" href="/themes/kf518/style_red.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  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" rel="external nofollow"  rel="external nofollow"  type="image/gif" />
<link media="screen" href="{$ecs_css_path}" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="stylesheet" type="text/css" title="{$ecs_css_path}" />
<link media="screen" href="/themes/kf518/style.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="alternate stylesheet" type="text/css" title="style" />
<link media="screen" href="/themes/kf518/style_brown.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="alternate stylesheet" type="text/css" title="style_brown" />
<link media="screen" href="/themes/kf518/style_pink.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="alternate stylesheet" type="text/css" title="style_pink" />
<link media="screen" href="/themes/kf518/style_purple.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="alternate stylesheet" type="text/css" title="style_purple" />
<link media="screen" href="/themes/kf518/style_red.css" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="alternate stylesheet" type="text/css" title="style_red" />
<link rel="alternate" type="application/rss+xml" title="RSS|{$page_title}" href="{$feed_url}" rel="external nofollow"  rel="external nofollow"  />
{* 包含脚本文件 *}
<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)" rel="external nofollow"  rel="external nofollow" ></a> 
<a title="商务蓝色" href="javascript:chooseStyle('style',518)" rel="external nofollow"  rel="external nofollow" ><img src="/themes/kf518/images/type_0.gif" /></a> 
<a title="棕色风格" href="javascript:chooseStyle('style_brown',518)" rel="external nofollow"  rel="external nofollow" ><img src="/themes/kf518/images/typebrown_0.gif" /></a> 
<a title="粉色风格" href="javascript:chooseStyle('style_pink',518)" rel="external nofollow"  rel="external nofollow" ><img src="/themes/kf518/images/typepink_0.gif" /></a>
<a title="紫色风格" href="javascript:chooseStyle('style_purple',518)" rel="external nofollow"  rel="external nofollow" ><img src="/themes/kf518/images/typepurple_0.gif" /></a> 
<a title="红色风格" href="javascript:chooseStyle('style_red',518)" rel="external nofollow"  rel="external nofollow" ><img src="/themes/kf518/images/typered_0.gif" /></a>
   </div>
收藏 (0) 打赏

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

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

声明: 本站仅提供资源学习下载,资源费用仅为赞助站长的整理费,不代表资源自身价值也不包含任何服务。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
本站提供的资源来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。
如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:duhaomu@163.com

浩沐资源网 未分类 ecshop教程:添加前台切换颜色功能 https://www.haomu.top/31611.html

相关文章

发表评论
暂无评论
  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    文章总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

你的前景,远超我们想象