我要订购
咨询热线 151 211 59949
当前位置: 首页 > 最新公告 > ECSHOP模板实现二级导航

浏览历史




ECSHOP模板实现二级导航
韩樟树网站网店设计工作室 / 2010-05-01

要实现这个二级导航的功能只需要在lib.main.php大约1969~1979之间的 'cid'       =>  $row['cid'],下面加上一句
  'subCat' =>  ($row['cid']==0||$row['cid']=="")?'':get_child_tree($row['cid'])


然后你打印下导航的数组就可以看到其子类下的信息了！


这是我在默认模板改了以后的page_header.lbi文件（贴图效果的例子）

  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     
  2. <script type="text/javascript">
     
  3. var process_request = "{$lang.process_request}";
     
  4. </script>
     
  5. <script type="text/javascript">
     
  6. function showsub(id){
     
  7.         document.getElementById(id).style.display="block";
     
  8.         }
     
  9. function hidsub(id){
     
  10.         document.getElementById(id).style.display="none";
     
  11.         }       
     
  12. </script>
     
  13. <div class="block clearfix">
     
  14. <div class="f_l"><a href="../index.php" name="top"><img src="../images/logo.gif" /></a></div>
     
  15. <div class="f_r log">
     
  16.    <ul>
     
  17.    <li class="userInfo">
     
  18.    {insert_scripts files='transport.js,utils.js'}
     
  19.    <font id="ECS_MEMBERZONE">{* ECSHOP 提醒您：根据用户id来调用member_info.lbi显示不同的界面  *}{insert name='member_info'} </font>
     
  20.    </li>
     
  21.    <!--{if $navigator_list.top}-->
     
  22.    <li id="topNav" class="clearfix">
     

  23.  
  24.     <!-- {foreach name=nav_top_list from=$navigator_list.top item=nav} -->
     
  25.             <a href="{$nav.url}" <!-- {if $nav.opennew eq 1} --> target="_blank" <!-- {/if} -->>{$nav.name}</a>
     
  26.          
     
  27.             <!-- {if !$smarty.foreach.nav_top_list.last} -->
     
  28.              |
     
  29.             <!-- {/if} -->
     
  30.     <!-- {/foreach} -->
     
  31.     <div class="topNavR"></div>
     
  32.    </li>
     
  33.    <!-- {/if} -->
     
  34.    </ul>
     
  35. </div>
     
  36. </div>
     
  37. <div  class="blank"></div>
     
  38. <div id="mainNav" class="clearfix">
     
  39.   <a href="../index.php"{if $navigator_list.config.index eq 1} class="cur"{/if}>{$lang.home}<span></span></a>
     
  40.   <!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->
     
  41.   <a href="{$nav.url}" {if $nav.subCat} onMouseOver="javascript:showsub({$nav.cid});hidsub('sub1');" onMouseout="javascript:hidsub({$nav.cid});showsub('sub1');"  {/if} {if $nav.opennew eq 1}target="_blank"  {/if} {if $nav.active eq 1} class="cur"{/if}>{$nav.name}<span></span> </a>
     
  42. <!-- {/foreach} -->
     
  43. </div>
     

  44.  
  45. <div class="subNav" id="sub1"  style="height:20px;" >
     
  46.     </div>
     

  47.  

  48.  
  49.   <!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->
     
  50.           <!--{if $nav.subCat}-->
     
  51.         <div class="subNav" id="{$nav.cid}" style=" display:none; height:20px;"  onMouseOver="javascript:showsub({$nav.cid});hidsub('sub1');" onMouseout="javascript:hidsub({$nav.cid});showsub('sub1');"   >
     
  52.               <!--{foreach from=$nav.subCat item=subCat}-->
     
  53.                 <a href="{$subCat.url}" style="font-size:14px; text-decoration:none;">{$subCat.name}<span></span></a>
     
  54.           <!-- {/foreach} -->
     
  55.     </div>
     
  56.         <!--{/if}-->
     
  57.   <!-- {/foreach} -->
     
  58. <!--search start-->
     
  59. <div id="search"  class="clearfix">
     
  60.   <div class="keys f_l">
     
  61.    <script type="text/javascript">
     
  62.     {literal}
     
  63.     <!--
     
  64.     function checkSearchForm()
     
  65.     {
     
  66.         if(document.getElementById('keyword').value)
     
  67.         {
     
  68.             return true;
     
  69.         }
     
  70.         else
     
  71.         {
     
  72.             alert("{$lang.no_keywords}");
     
  73.             return false;
     
  74.         }
     
  75.     }
     
  76.     -->
     
  77.     {/literal}
     
  78.     </script>
     
  79.     {if $searchkeywords}
     
  80.    {$lang.hot_search} ：
     
  81.    {foreach from=$searchkeywords item=val}
     
  82.    <a href="search.php?keywords={$val|escape:url}">{$val}</a>
     
  83.    {/foreach}
     
  84.    {/if}
     
  85.   </div>
     
  86.   <form id="searchForm" name="searchForm" method="get" action="search.php" onSubmit="return checkSearchForm()" class="f_r"  style="_position:relative; top:5px;">
     
  87.    <select name="category" id="category" class="B_input">
     
  88.       <option value="0">{$lang.all_category}</option>
     
  89.       {$category_list}
     
  90.     </select>
     
  91.    <input name="keywords" type="text" id="keyword" value="{$search_keywords|escape}" class="B_input" style="width:110px;"/>
     
  92.    <input name="imageField" type="submit" value="" class="go" style="cursor:pointer;" />
     
  93.    <a href="search.php?act=advanced_search">{$lang.advanced_search}</a>
     
  94.    </form>
     
  95. </div>
     
  96. <!--search end-->
复制代码

因为涉及了样式，再在样式文件里tyle.css里加上

  1.   .subNav{padding:0 25px; width:835px; background:url(images/searchBg.gif) repeat-x; padding-left:100px;}
     
  2.   .subNav a{ color:#009 font-size:20px; font-weight:700; margin-right:10px;}
复制代码



声明：本文部分资料来源网络，如有侵权请及时告之，我们会尽快处理。

用户评论(共0条评论)

  • 暂时还没有任何用户评论
总计 0 个记录，共 1 页。 第一页 上一页 下一页 最末页
用户名： 匿名用户
E-mail：
评价等级：
评论内容：
验证码： captcha