Ecshop导航栏自定义颜色加粗体,后台可管理

2016-07-07 14:55 来源:www.chinab4c.com 作者:ecshop专家



这个很鸡肋,闲的没事做了一下,主要是为了标注出热门或者主推的分类!

加粗体/颜色前台演示:





加粗体/颜色后台演示:




添加自定义gif小图片演示:



备注: 图片和颜色不能同时设置,如果需要,可以再设置一个字段来存储图片,这样就不冲突了.


首先找到 admin/templates/navigator_add.htm

搜索:

  1. <tr>
  2. <td>{$lang.item_vieworder}</td> <td><input type="text" name="item_vieworder" value="{$rt.item_vieworder}" size="40" /></td>
  3. </tr>
复制代码


在其下方添加:

  1. <tr>
  2. <td>{$lang.item_big}</td> <td><select name="item_big">
  3. <option value='0' {$rt.item_ifbig_0}>{$lang.no}</option><option value='1' {$rt.item_big_1}>{$lang.yes}</option>
  4. </select></td>
  5. </tr>
  6. <tr>
  7. <td>{$lang.item_color}</td> <td><input type="text" name="item_color" value="{$rt.item_color}" size="40" /></td>
  8. </tr>
复制代码


然后找到 admin/navigator.php

搜索:

  1. $item_ifshow = $_REQUEST['item_ifshow'];
复制代码


下方添加:

  1. $item_big = $_REQUEST['item_big'];
  2. $item_color = $_REQUEST['item_color'];
复制代码



继续搜索:

  1. ,'$item_type'
复制代码


后面添加:

  1. ,'$item_big','$item_color'
复制代码



搜索:
  1. $rt['item_type_'.$row['type']] = 'selected';
复制代码


下方添加;

  1. $rt['item_big_'.$row['big']] = 'selected';
  2. $rt['item_color'] = $row['color'];
复制代码


搜:
  1. type='$item_type'
复制代码


后方添加:

  1. ,big='$item_big',color='$item_color'
复制代码


注意: 有几处就改几处.


找到:themes/模板名称/library/page_header.lbi

搜索:
  1. <!-- {if $nav.opennew
复制代码


在前面添加:

  1. style="<!--{if $nav.big eq '1'} --> font-weight:800;<!--{/if}--> <!--{if $nav.color neq ''}-->color:{$nav.color};<!--{/if}-->"
复制代码


最后到SQL查询中执行

  1. ALTER TABLE `你的数据库前缀_nav` ADD `big` TINYINT( 1 ) NOT NULL ,
  2. ADD `color` VARCHAR( 255 ) NOT NULL ;
复制代码


更新缓存,即可在自定义导航栏位置,设置每一个链接的颜色和加粗体属性!

当然,如果在颜色选项添加 图片链接,在模板中也可以单独为每一个导航添加一个小图片,配色css可以实现很多漂亮的效果,比如:链接上方加一个 hot 或者 new 热 之类的gif'小图之类的.不再一一赘述!

回答:
补充一下:

找到: includes/lib_main.php

搜索
  1. 'opennew'=>$row['opennew'],
复制代码
后面添加;
  1. 'big' =>$row['big'],
  2. 'color'=>row['color'],
复制代码
找到: languages/zh_cn/admin/navigator.php

在?> 之前添加:
  1. $_LANG['item_big'] = '加粗';
  2. $_LANG['item_color'] = '颜色';
复制代码
感谢 小梁同学通知我,教程之前写的,步骤没记清楚!

这个 不错有用