ecshop导航栏自动显示三级或多级子栏目,多级频道分类,并实现css高亮显示

最新推荐文章于 2023-03-02 15:36:47 发布
最新推荐文章于 2023-03-02 15:36:47 发布
阅读量2.2k 收藏
点赞数
分类专栏： ecshop相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/viqecel/article/details/50135693
版权

效果图


ecshop导航要达到的目标:

一,比如上图,当我访问三级分类,响应式布局,这个栏目时,最顶级的元件这个分类,要高亮显示

二,如果导航上面有商品或文章频道, 并且他们有子栏目,则全自动显示所有的子栏目.

三,如果这个导航有子分类,则统一显示下拉三角标志.


代码如下

一,在includes/lib_main.php 文件中,修改掉或另外重命名并重定义一个这个get_navigator()函数,修改后的内容如下,另外get_categories_tree()这个函数为系统自带的在lib_goods.php中


/**
 * 取得自定义导航栏列表
 * @param   string      $type    位置，如top、bottom、middle
 * @return  array         列表
 */
function get_navigator($ctype = '', $catlist = array())
{
    $sql = 'SELECT * FROM '. $GLOBALS['ecs']->table('nav') . '
            WHERE ifshow = \'1\' ORDER BY  vieworder';
    $res = $GLOBALS['db']->query($sql);
    $cur_url = substr(strrchr($_SERVER['REQUEST_URI'],'/'),1);
    if (intval($GLOBALS['_CFG']['rewrite']))
    {
        if(strpos($cur_url, '-'))
        {
            preg_match('/([a-z]*)-([0-9]*)/',$cur_url,$matches);
            $cur_url = $matches[1].'.php?id='.$matches[2];
        }
    }
    else
    {
        $cur_url = substr(strrchr($_SERVER['REQUEST_URI'],'/'),1);
    }

    $noindex = false;
    $active = 0;
	$has_suv=0;
    $navlist = array(
        'top' => array(),
        'middle' => array(),
        'bottom' => array()
    );
    while ($row = $GLOBALS['db']->fetchRow($res)){
		if($row['ctype']=='a'){//如果是文章类的栏目
			$row3=get_article_tree_for_nav($row['cid']);//列出所有子文章分类
		$navlist[$row['type']][] = array(
			'name'      =>  $row['name'],
            'opennew'   =>  $row['opennew'],
            'url'       =>  $row['url'],
            'ctype'     =>  $row['ctype'],
            'cid'       =>  $row['cid'],
			 'has_suv'       =>  1,//文章类用1
			  'sub_nav'       =>  $row3,
			);	   
	}elseif($row['ctype']=='c'){//商品类的栏目
			$row4=get_categories_tree($row['cid']);//使用系统默认的函数即可.商品子类
		$navlist[$row['type']][] = array(
			'name'      =>  $row['name'],
            'opennew'   =>  $row['opennew'],
            'url'       =>  $row['url'],
            'ctype'     =>  $row['ctype'],
            'cid'       =>  $row['cid'],
			 'has_suv'       =>  2,//与文章的导航做区分
			  'sub_nav'       =>  $row4,
			);	   
	}else{
		$navlist[$row['type']][] = array(//单页面等栏目,比如about.php等
			'name'      =>  $row['name'],
            'opennew'   =>  $row['opennew'],
            'url'       =>  $row['url'],
            'ctype'     =>  $row['ctype'],
            'cid'       =>  $row['cid']
			);	
	}	
    }
    /*遍历自定义是否存在currentPage*/
    foreach($navlist['middle'] as $k=>$v){
        $condition = empty($ctype) ? (strpos($cur_url, $v['url']) === 0) : (strpos($cur_url, $v['url']) === 0 && strlen($cur_url) == strlen($v['url']));//单页,如about.php等,$ctype的值没有被传入
		//当前网址与数据库中循环出的网址相同
        if ($condition)//如果相同
        {
            $navlist['middle'][$k]['active'] = 1;//是否为当前页,追加到数组中
            $noindex = true;//非首页
        }
    }
    if(!empty($ctype))//文章或商品页面.在其控制器上传入了本栏目的类型,商品类,用c表示,或文章类,用a表示
    {
		//print_r($catlist);exit;即当前访问分类id
        foreach($catlist as $key => $val){
		$parent_arr=get_top_cat_id_arr($val,$ctype);//当前被访问的分类id的所有父栏目组成的数组
		//print_r($parent_arr);exit;
            foreach($navlist['middle'] as $k=>$v)
            {
                if(!empty($v['ctype']) && $v['ctype'] == $ctype && ($v['cid'] == $val ||in_array($v['cid'],$parent_arr)))
                {//in_array($v['cid'],$parent_arr),这句表示,如果本导航条上显示的频道id,包含在了当前访问的栏目的所有父栏目id数组中,则本导航条可高亮显示
                    $navlist['middle'][$k]['active'] = 1;//高亮关键字
                    $noindex = true;   
                }
            }
        }
    }
    if ($noindex == false) {
        $navlist['config']['index'] = 1;
    }
//print_r($navlist);exit;
    return $navlist;
}


二,同样在includes/lib_main.php 文件中,增加以下函数

/**
 * 获得指定分类同级的所有分类以及该分类下的子分类
 *
 * @access  public
 * @param   integer     $cat_id     分类编号
 * @return  array
 */
function get_article_tree($cat_id = 0){
    if ($cat_id > 0)//$cat_id当前分类
    {
	   $parent_id=get_top_art_cat_id($cat_id);
    }
    else
    {
        $parent_id = 0;
    }

    /*
     判断当前分类中,是否是底级分类，
     如果是取出底级分类上级分类，
     如果不是取当前分类及其下的子分类v 
    */
    $sql = 'SELECT count(*) FROM ' . $GLOBALS['ecs']->table('article_cat') . " WHERE parent_id = '$parent_id'";//
    if ($GLOBALS['db']->getOne($sql)|| $parent_id == 0){
        /* 如果当前分类有子分类,获取当前分类及其子分类 */
        //$sql = 'SELECT cat_id, cat_name, sort_order FROM ' . $GLOBALS['ecs']->table('article_cat') ."WHERE cat_type=1 and cat_id = '$parent_id' ORDER BY sort_order ASC, cat_id ASC";//包含顶级本身,国内新闻
		$sql = 'SELECT cat_id, cat_name, sort_order FROM ' . $GLOBALS['ecs']->table('article_cat') ."WHERE cat_type=1 and parent_id = '$parent_id' ORDER BY sort_order ASC, cat_id ASC";//除排顶级分类,只显示山东新闻,江苏新闻及子分类
		//两种方式,这里得到的$row['cat_id']都是目标catid,即需要高亮显示的
 
    $res = $GLOBALS['db']->getAll($sql);

    $cat_arr = array();

    foreach ($res AS $row)
    {
		
		
        $cat_arr[$row['cat_id']]['id']   = $row['cat_id'];
        $cat_arr[$row['cat_id']]['name'] = $row['cat_name'];
        $cat_arr[$row['cat_id']]['url']  = build_uri('article_cat', array('acid' => $row['cat_id']), $row['cat_name']);
		
		$parent_id2=get_top_art_cat_id($row['cat_id']);//得到最顶级父栏目id

         if ($parent_id2>0)
        { 
	$cat_arr[$row['cat_id']]['cat_id'] =get_article_tree_child($row['cat_id'],$cat_id);//第二个参数.传入浏览器的当前页面分类号
	
	
		$cat_id2=get_one_child_cat($row['cat_id']);
	$cat_arr[$row['cat_id']]['active']=$cat_arr[$row['cat_id']]['cat_id'][$cat_id2]['active'];//如果本栏目的其中任何一级子栏目是当前访问的栏目,则本栏目的所有父栏目 active=1,即可以高亮显示.
	
        }
		
    }
 }
 //print_r($cat_arr);exit;
    return $cat_arr;
}
function get_article_tree_child($tree_id = 0,$cat_id){
    $three_arr = array();
    $sql = 'SELECT count(*) FROM ' . $GLOBALS['ecs']->table('article_cat') . ' WHERE parent_id = '.$tree_id;

    if ($GLOBALS['db']->getOne($sql) || $tree_id == 0)
    {
        $child_sql = 'SELECT cat_id, cat_name, parent_id' .
                ' FROM ' . $GLOBALS['ecs']->table('article_cat') .
                "WHERE parent_id = '$tree_id'  ORDER BY sort_order ASC, cat_id ASC";
        $res = $GLOBALS['db']->getAll($child_sql);
		
        foreach ($res AS $row)
        {
		$cat_cur=$cat_loop=array();
		$active=0;
		$cat_cur=get_top_cat_id_arr($cat_id,'a');//当前访问的栏目的所有上级栏目id,所组成的数组
		array_pop($cat_cur);//去除最顶级的栏目,防止干扰高亮
		$cat_loop=get_top_cat_id_arr($row['cat_id'],'a');//循环时,本栏目的所有上级栏目id,所组成的数组
		array_pop($cat_loop);//去除最顶级栏目id
		if(count(array_intersect($cat_cur,$cat_loop))>0){
			//如果当前访问的栏目的父栏目数组与循环栏目得到的父栏目数组,有交集,
			//则访问的栏目与其所有父栏目都是$active=1;方便前台高亮
			$active=1;		
		}	   
			   $three_arr[$row['cat_id']]['active']   = $active;
               $three_arr[$row['cat_id']]['id']   = $row['cat_id'];
               $three_arr[$row['cat_id']]['name'] = $row['cat_name'];
               $three_arr[$row['cat_id']]['url']  = build_uri('article_cat', array('acid' => $row['cat_id']), $row['cat_name']);

               if (isset($row['cat_id']) != NULL)
                   {
                       $three_arr[$row['cat_id']]['cat_id'] = get_article_tree_child($row['cat_id'],$cat_id);

            }
			
        }
    }
    return $three_arr;
}

//得到其最上级分类的id
function get_top_art_cat_id( $nid ){
	$sql = "select parent_id from ".$GLOBALS['ecs']->table( "article_cat" )." where cat_id = ".$nid."";
	$temp_id = 0;
	$pid = $GLOBALS['db']->getOne( $sql );
	if ( 0 < $pid )
	{

		$temp_id = get_top_art_cat_id( $pid );
		return $temp_id;
	}
	$temp_id = $nid;
	return $temp_id;
}


//本文章或商品--分类对应的所有上级分类的数组
function get_top_cat_id_arr( $nid ,$ctype='c'){
	if($ctype=='c'){$table=$GLOBALS['ecs']->table( "category" );}else{$table=$GLOBALS['ecs']->table( "article_cat" );}
	$sql = "select parent_id from ".$table." where cat_id = ".$nid."";
	$temp_id = 0;
	$temp_arr=array();
	$pid = $GLOBALS['db']->getOne( $sql );
	if ( $pid==0 )
	{
		return $temp_arr;
	}else{
		$temp_arr[]=$pid ;
		$sql2 = "select parent_id from ".$table." where cat_id = ".$pid."";
	$pid2 = $GLOBALS['db']->getOne( $sql2 );
		if($pid2==0){
			return $temp_arr;
		}else{
			$temp_arr[]=$pid2 ;
			$sql3 = "select parent_id from ".$table." where cat_id = ".$pid2."";
	$pid3 = $GLOBALS['db']->getOne( $sql3 );
	if($pid3==0){
			return $temp_arr;
		}else{
			$temp_arr[]=$pid3 ;
			$sql4 = "select parent_id from ".$table." where cat_id = ".$pid3."";
	$pid4 = $GLOBALS['db']->getOne( $sql4 );
	if($pid4==0){
			return $temp_arr;
		}else{
			$temp_arr[]=$pid4;
			$sql5 = "select parent_id from ".$table." where cat_id = ".$pid4."";
	$pid5 = $GLOBALS['db']->getOne( $sql5 );
	if($pid5==0){
			return $temp_arr;
		}else{
			$temp_arr[]=$pid5;
			$sql6 = "select parent_id from ".$table." where cat_id = ".$pid5."";
	$pid6 = $GLOBALS['db']->getOne( $sql6 );
			if($pid6==0){
			return $temp_arr;
		}else{
			$temp_arr[]=$pid6;
			return $temp_arr;
		}}}}}}}

三,相应header模板中增加示例代码,具体可自己修改,如果要增加层级,在模板上继续嵌套即可.同时后面的这个函数也可以增加层级function get_top_cat_id_arr() 


<ul id="nav2" class="nav2 clearfix">
		<li class="nLi  {if $navigator_list.config.index eq 1}on{/if}"> <a  href="index.php"><span class="text">后易首页</span></a> </li>
			    <!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->
        <li class="nLi  {if $nav.active eq 1}on{/if}"> <a  href="{$nav.url}" {if $nav.opennew eq 1}target="_blank" {/if}>{$nav.name} {if $nav.has_suv gt 0}<span class="arrow"></span>{/if}</a> 
		{if $nav.has_suv eq 1}
		<ul class="sub">
		 <!-- {foreach name=sub_nav from=$nav.sub_nav item=child} -->
		<li><a href="{$child.url}">{$child.name}</a>
		
		<ul class="sub">
		<!--{foreach from=$child.cat_id item=child1 }-->
		<li><a href="{$child1.url}">----{$child1.name}</a>
		
		<ul class="sub">
		 <!-- {foreach name=sub_nav from=$child1.cat_id item=child2} -->
		<li><a href="{$child2.url}">========{$child2.name}</a></li>
		<!-- {/foreach} --> 
		</ul>
		</li>  
		<!-- {/foreach} --> 
		</ul>
		</li>  
               <!-- {/foreach} -->  
			   </ul>
			   {/if}
 {if $nav.has_suv eq 2}
		<ul class="sub">
		 <!-- {foreach name=sub_nav from=$nav.sub_nav item=child} -->
		<li><a href="{$child.url}">{$child.name}</a>
		<ul class="sub">
		<!--{foreach from=$child.cat_id item=child1 }-->
		<li><a href="{$child1.url}">----{$child1.name}</a>
		
		<ul class="sub">
		 <!-- {foreach name=sub_nav from=$child1.cat_id item=child2} -->
		<li><a href="{$child2.url}">========{$child2.name}</a></li>
		<!-- {/foreach} --> 
		</ul>
		</li>  
		<!-- {/foreach} --> 
		</ul>
		</li>  
               <!-- {/foreach} -->  
			   </ul>
			   {/if}	   
		</li><!-- {/foreach} -->
		</ul>



viqecel
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
分类导航栏-三级分类带详细数据
04-22
分类导航栏分类导航栏-三级分类带详细数据
ecshop文章侧边栏导航,自动调用文章多级子栏目分类并且当前栏目及父栏目高亮显示
11-30 2755
效果图 介绍: 一,比如访问ecshop的国内新闻(上图没显示),及子分类,如山东新闻,临沂新闻,上海新闻等,都会自动显示上图所示的侧导航条. 二,另外,如果我访问子导航,比如居民小区,则平凉新闻的兄弟栏目,父栏目,子栏目,都可以自由设置高亮显示.而山东新闻及其子栏目则不会高亮显示,这正是本文的关键所在.具体可通过css自定义. 三,本演示是五级导航,可以无限增加,其实,上海新闻和山东...
php商品三级分类,ECSHOP商品分类显示三级商品分类菜单方法
weixin_28689809的博客
03-24 402
第一步：修改/include/lib_goods.php，在第24行加入以下代码：/*** 获得指定分类下的子分类** @accesspublic* @param integer $cat_id 分类编号* @returnarray*www.ecshop119.com*/function get_children_tree($cat_id){if ($cat_id &g...
ecshop简单三部实现导航分类二级菜单
cloudday的专栏
05-22 5123
1.在page_header.lbi对应的位置（你想显示导航的位置）插入   (注意下面的"themes/模板名称/util.php"中的"模板名称"改成你模板文件夹的名称)   php     require_once("themes/模板名称/util.php"); ?> div class="header-menu">               p {if $navigator_
微信小程序 ecshop地址三级联动实现实例代码
08-31
本文将详细介绍如何在微信小程序中实现基于ECShop的三级联动地址选择器。 首先，我们要了解微信小程序中的`<picker>`组件，这是实现联动效果的基础。`<picker>`组件提供了一个选择器，用户可以在给定的范围内选择一...
Ecshop支付方式显示顺序修改方法
09-28
本文将详细介绍如何修改Ecshop的源码，以实现支付方式显示顺序的自由调整。 首先，我们需要找到 Ecshop 源代码中的关键文件 `includes/lib_compositor.php`。这个文件是负责页面组装和渲染的部分，其中包含了支付...
ECSHOP模版系统显示标签使用介绍
09-28
ECSHOP模版系统是电商网站开发中常用的一个框架，它的强大之处在于提供了一套灵活的标签系统，使得开发者可以方便地控制页面的显示逻辑和样式。在本篇文章中，我们将深入探讨ECSHOP模版系统中的两种重要显示标签：`...
Ecshop支付宝前台付款而后台不显示已付款的解决方法
09-28
主要介绍了Ecshop支付宝前台付款而后台不显示已付款的解决方法,涉及针对文件判定逻辑的修改,需要的朋友可以参考下
Js实现当前导航菜单高亮显示
湛庐无方
01-09 2109
HTML结构    主页  栏目  栏目   JS代码 var nav = document.getElementById("nav"); var links = nav.getElementsByTagName("li"); var lilen = nav.getElementsByTagName("a"); var currenturl = document
react + Material UI递归实现侧边导航（多层级）
最新发布
zxo_apple的博客
03-02 835
react MUI5 侧边导航 递归生成
好看的首页侧边多层导航
藥師的博客
07-04 3343
第一步，我们首先需要先引入jquery文件 <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> 第二步，开始把html代码先搭起来 <div class="border"> <div id="labels"> <ul> <!--一--> <li class="labels labels_1" >
页面布局（一）——两栏布局
landeying
01-02 512
两栏布局 &lt;!--1.浮动布局--&gt; &lt;div id="d1"&gt; &lt;div class="left"&gt;&lt;/div&gt; &lt;div class="right"&gt; &lt;p&gt;这是浮动布局&lt;/p&gt; &lt;/div&gt
Ecshop中导航栏中使用二级菜单显示并调用子分类
wangmj518的专栏
02-10 3158
最近公司交给我一个任务，就是要我使用ecshop仿照某国外著名商城网站的模板，前台样式模仿就直接照抄照搬，整个过程还相对简单，但就在一个问题上卡住了，就是模板中有涉及主导航二级栏目显示分类商品问题，老实说，这一次是第一次认真使用ecshop的商城系统，以前使用都只是安装好后，在网上找个模板改几张图片就完成了，这次是自己从头到尾修改模板样式和布局，所以没有在ecshop下使用二级栏目的经验。于是打开
栏目列表调用的是顶级栏目，如果需要子栏目页面展开父栏目分类则可以用下边的代码
liu3348的专栏
01-25 4573
一般的栏目列表调用的是顶级栏目，代码如下： 栏目导航   {dede:channel type='top' }  {dede:field name='typename'/}      {/dede:channel}        我们可以修改一下，利用dede的文章列表子栏目代码channelartlist，调用顶级栏目，然后在其中添加二级栏目的调用：
ecshop底部版权修改和组成分析
weixin_34279061的博客
04-21 198
  我们在ecshop二次开发和ecshop使用过程中，往往需要对ecshop底部进行处理和修改．比如ecshop底部版权问题,ecshop底部程序结构问题．也有很多朋友咨询ecshop底部的一些修改问题。      ecshop的底部构造，我们总的来说有以下几点。     ecshop底部程序在themes/default/library/page_footer.lbi文件中。     1...
ECSHOP模板制作中常见循环的操作方法
ximo's blog
07-30 723
一、取得索引 　　有2个值index（从0开始）和iteration（从1开始） 　　例子： 　　 　　{$smarty.foreach.nav_middle_list.index}:从0开始 　　{$smarty.foreach.nav_middle_list.iteration}:从1开始 　　{/foreach} 　　二、判断是否第一个或者最后一个循
ecshop 二次开发之三级商品分类树
panfanglin的专栏
06-24 1676
需求如下，遍历三级商品fele
ECSHOP修改100条
01-30
ECSHOP是一种常用的网店系统，但是在使用过程中可能需要对其进行一些修改和配置。其中包括修改欢迎语、热门搜索关键词和首页标题，还有发布首页公告和站内新闻等操作。同时，有些用户可能不希望在网站底部显示查询...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值