ecshop简单三部实现导航分类二级菜单

ecshop实现二级导航方法 ecshop实现二级导航方法,一个简单的ecshop实现二级导航方法 立即下载

 1.在page_header.lbi对应的位置(你想显示导航的位置)插入

  (注意下面的
"themes/模板名称/util.php"中的"模板名称"改成你模板文件夹的名称)

 

  1. <?php 
  2.     require_once("themes/模板名称/util.php"); 
  3. ?> 
  4. <div class="header-menu">  
  5.              <p {if $navigator_list.config.index eq 1} class="cur" {/if}><a href="../index.php">{$lang.home}</a></p>   
  6.                 <ul>                   
  7.                   <!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} --> 
  8.                    <li onMouseOver="sw_nav(this,1);" onMouseOut="sw_nav(this,0);" {if $nav.active eq 1} class="curs"{/if}> 
  9.                    <a href="{$nav.url}" {if $nav.opennew eq 1}target="_blank" {/if}>{$nav.name}</a> 
  10.                   <?php  
  11.                                   $subcates = get_subcate_byurl($GLOBALS['smarty']->_var['nav']['url']); 
  12.                              if($subcates!=false) 
  13.                         { 
  14.                                 if(count($subcates)>0) 
  15.                             { 
  16.                                     echo "<div class='sub_nav'>"; 
  17.                                  
  18.                                 if($subcates) 
  19.                                 { 
  20.                                 foreach($subcates as $cate) 
  21.                                 { 
  22.                                         echo "<a href='".$cate['url']."' class='level_1'>".$cate['name']."</a>"; 
  23.                                     
  24.                                 } 
  25.                                 }                                 
  26.                                 echo "</div><iframe frameborder='0' scrolling='no' class='nomask'></iframe>"; 
  27.                             } 
  28.                         } 
  29.                              ?> 
  30.                    </li> 
  31.                  <!-- {/foreach} --> 
  32.             </ul> 
  33.       <script type="text/javascript"> 
  34.       //初始化主菜单 
  35.                 function sw_nav(obj,tag) 
  36.                 { 
  37.  
  38.                         var subdivs = obj.getElementsByTagName("DIV"); 
  39.                         var ifs = obj.getElementsByTagName("IFRAME"); 
  40.                          
  41.                         if(subdivs.length>0) 
  42.                         { 
  43.  
  44.                                 if(tag==1) 
  45.                                 { 
  46.                                         subdivs[0].style.display = "block"; 
  47.                                         ifs[0].style.display = "block"; 
  48.                                 } 
  49.                                 else 
  50.                                 { 
  51.                                         subdivs[0].style.display = "none";         
  52.                                         ifs[0].style.display = "none"; 
  53.                                 } 
  54.                                  
  55.                         } 
  56.                 } 
  57.  
  58.       </script>  
  59. </div> 

 

2.在CSS文件中插入

 

  1. .header-menu p{ float:left;padding:1px 12px 1px 0;margin-top:-2px;} 
  2. .header-menu  ul li{float:left;padding:1px 12px 1px 12px;margin-top:-2px;} 
  3. .header-menu ul li a,.header-menu p a{color: #333;display:block;} 
  4. .header-menu ul li a:hover,.header-menu p a:hover{color:#888;} 
  5. .header-menu ul li.curs{background:#999;} 
  6. .header-menu ul li.curs a{color:#fff;} 
  7.  
  8. .sub_nav{ background:#999;width:110px; position:absolute; z-index:5003; display:none;margin-left:-12px;} 
  9. .nomask{ background:#fff; width:110px; height:50px; position:absolute; z-index:5002;display:none;margin-left:-12px;} 
  10. .sub_nav a.level_1{ display:block;color:#fff;padding:6px 6px 6px 13px;font:11px Tahoma,Verdana,PMingLiU,Arial;border-bottom:1px dotted #D1D1D1;*border-bottom:1px dotted #D1D1D1 !important;*border-bottom:1px solid #A8A8A8;} 
  11. .sub_nav a.level_1:hover{color:#fff;background:#55B46C;text-decoration:none;} 

3.把以下代码编辑成(util.php)解压出来拷贝到模板目录下

 

  1.  <?php 
  2. /** 
  3.  * 通过传入参数的url判断是否为目录分类,从而获取子菜单 
  4.  * 
  5.  * @param string $url 
  6.  */ 
  7. function get_subcate_byurl($url) 
  8. { 
  9.     $rs = strpos($url,"category"); 
  10.     if($rs!==false) 
  11.     { 
  12.         preg_match("/\d+/i",$url,$matches); 
  13.         $cid = $matches[0]; 
  14.         $cat_arr = array(); 
  15.         $sql = "select * from ".$GLOBALS['ecs']->table('category')." where parent_id=".$cid." and is_show=1"; 
  16.         $res = $GLOBALS['db']->getAll($sql); 
  17.          
  18.         foreach($res as $idx => $row) 
  19.         { 
  20.             $cat_arr[$idx]['id']   = $row['cat_id']; 
  21.             $cat_arr[$idx]['name'] = $row['cat_name']; 
  22.             $cat_arr[$idx]['url']  = build_uri('category', array('cid' => $row['cat_id']), $row['cat_name']); 
  23.             $cat_arr[$idx]['children'] = get_clild_list($row['cat_id']); 
  24.         } 
  25.  
  26.         return $cat_arr; 
  27.     } 
  28.     else  
  29.     { 
  30.         return false; 
  31.     } 
  32. } 
  33.  
  34. function get_clild_list($pid) 
  35. { 
  36.    //开始获取子分类 
  37.     $sql_sub = "select * from ".$GLOBALS['ecs']->table('category')." where parent_id=".$pid." and is_show=1"; 
  38.  
  39.     $subres = $GLOBALS['db']->getAll($sql_sub); 
  40.     if($subres) 
  41.     { 
  42.         foreach ($subres as $sidx => $subrow) 
  43.         { 
  44.             $children[$sidx]['id']=$subrow['cat_id']; 
  45.             $children[$sidx]['name']=$subrow['cat_name']; 
  46.             $children[$sidx]['url']=build_uri('category', array('cid' => $subrow['cat_id']), $subrow['cat_name']); 
  47.         } 
  48.     } 
  49.     else  
  50.     { 
  51.         $children = null; 
  52.     } 
  53.              
  54.     return $children; 
  55. } 
  56.  
  57. ?> 

京东商城二级分类下拉菜单,JQ,适用ecshop http://zhsees.w27-e1.ezwebtest.com/index.php 可能后面会失效2014-1-24 http://zianexpo.com/website/guotu/ 我的站,应该不会失效 立即下载

相关推荐

ECSHOP仿京东分类树菜单分类效果插件

ECSHOP仿京东分类树菜单分类效果插件,鼠标滑过弹出所以二级和三级分类,并可调用相关分类下的品牌。经测试可用。安装特别简单。

ecshop商品列表页,循环显示当前分类的二级分类以及分类下的商品

1.includes\lib_goods.php,在最末尾添加几个function/** * 获得指定分类下的子分类 * * @access public * @param integer $cat_id 分类编号 * @return array */ function get_children_tree($cat_id) { if ($cat_id >0 )

GlatChen的专栏 6694

右侧悬浮联系方式

漏洞检测(1) jsp无组件(1) jsp动态生成,jsp动态html,静态页面源码(1) java从菜鸟到大牛技术资料集合(1) 检查网站错误(1) 无刷新(1) 批量上传(1) dos入门,dos代码,dos教材(1) c#零基础到高手教程(1) div+css,做的网站,新手可以参考代码(天雷小组)(1) myqq源代码下载c#myqq(1) c#深入浅出,新手必看完ppt精讲!(1)

Ecshop中导航栏中使用二级菜单显示并调用子分类

最近公司交给我一个任务,就是要我使用ecshop仿照某国外著名商城网站的模板,前台样式模仿就直接照抄照搬,整个过程还相对简单,但就在一个问题上卡住了,就是模板中有涉及主导航二级栏目显示分类商品问题,老实说,这一次是第一次认真使用ecshop的商城系统,以前使用都只是安装好后,在网上找个模板改几张图片就完成了,这次是自己从头到尾修改模板样式和布局,所以没有在ecshop下使用二级栏目的经验。于是打开

wangmj518的专栏 3263

ecshop下拉菜单

专用于ecshop导航栏二级菜单的开发与设计,是针对ecshop专门的设计部分

Labview调用C++ dll之字符串数组传递

做项目的时候碰到了一个需求,有一个复杂的运算,用labview实现非常的麻烦,但是如果用C++实现,就会灵活很多。尝试着采用Labview调用C++编写的动态链接库方式解决,兼顾Labview的便利和C++的灵活性。 运算好说,主要难点是Labview与C++之间的数据对应关系,因为我最后的结果是既有字符串又有数字,对于单纯的数字来说,直接通过调用数组的方式就能解决,这里主要记录一下字符串数组...

bgbgx的博客 6806

Ecshop 添加右侧菜单和权限

第一步: 在/admin/incudes/inc_menu.php最后加上$modules['17_other_menu']['tbgz_list'] = 'tbgz_list.php?act=list'; $modules['17_other_menu']['tbjk_list'] = 'tbjk_list.php?act=list'; $modules['17_other_menu']['qw...

书山有路_邓 476

从PWM到精准电流:双光耦与LM317构建的4-20mA隔离输出方案

本文详细介绍了基于双光耦与LM317的4-20mA隔离输出方案,适用于工业自动化中的PWM信号转换。该方案通过电气隔离和精准电流调节,显著提升抗干扰能力和信号传输精度,同时降低成本60%。文章还分享了电路设计、参数计算及调试经验,为工程师提供实用参考。

weixin_32006655的博客 280

ECShop二次开发之首页导航栏管理

在安装了ECShop默认模板之后,为了方便学习,我们将案例数据也安装上去,安装过程就不详细说了。完成之后,我们会看到如下图的首页: 此时我们看到导航栏上面有:首页....EC论坛这一堆,我们要怎么样隐藏这些不要的信息呢,我们从后台就可以管理导航栏的信息。 通过后台:系统设置---自定义导航栏 就可以定义是否显示这些导航信息,并且还可以根据自己的需要添加新的导航栏信息。 把红框

Fubao Zheng的专栏 3672

寻迹Arduino智能小车

Arduino巡线寻迹智能小车

Rachael_Wang的博客 9977

1999年-2022年 上市公司-企业劳动生产率数据(原始数据、代码、最终结果、参考文献)

上市公司企业劳动生产率数据集为企业和市场参与者提供了一个深入分析企业生产效率和劳动效益的工具。通过这些数据,企业可以不断探索创新的发展模式和管理方式,努力提高生产效率,为提升市场竞争力和盈利能力做出贡献。数据名称:上市公司-企业劳动生产率数据数据年份:1999-2022年数据来源:国泰安数据库1999年-2022年 上市公司-企业劳动生产率数据(原始数据、代码、最终结果、参考文献)

2401_84585615的博客 881

实现Ecshop左侧商品分类导航特效

Ecshop的左侧导航在模板文件夹下的library的category_tree.lbi文件,因为echsop首页的子分类页都将调用该页面,为实现首页的侧导航特效,我们新件一文件,命名:category_tree_index.lbi,然后在首页调用即可。 Html代码如下:   商品导航                          {$cat.name|escape:h

Robote Blog 3252

WSL2 + Open3D点云可视化踩坑全记录:从GLFW报错到VcXsrv配置,一篇讲清所有‘坑’

本文详细解析了在WSL2环境中使用Open3D进行点云可视化时遇到的常见问题,特别是GLFW报错和VcXsrv配置问题。通过系统性的解决方案和高级配置技巧,帮助开发者彻底解决图形显示、驱动加载和库版本冲突等难题,实现高效的点云可视化。

weixin_30627341的博客 100

EcShop开发手册

Ecshop文件结构 ecshop文件架构说明 ECShop 结构图及各文件相应功能介绍 ECShop upload 的目录 ┣ activity.php 活动列表 ┣ affiche.php 广告处理文件 ┣ affiliate.php 生成商品列表 ┣ article.php 文章内容 ┣ article_cat.php文章分类 ┣ au...

dkopg24406的专栏 1541

点云图的学习

一。点云地图拼接 1.1 配置运行环境 首先配置安装opencv3,安装完成后如下图: 然后配置点云图工具pcl,直接使用apt即可安装,安装后如下图: 最后使用点云工具观察点云图: 1.2 原理解析 总的来说由多角度拍摄图片拼接为点云3D图,是通过相机的内参,将像素坐标转化为相机坐标,再通过外参将相机坐标转化为世界坐标系,然后将每张图片的像素绘制填充于同一个世界坐标系下面,形成点云3D图。...

ff_xun的博客 1万+

【量化入门】Tushare库获取公募基金的历史净值

在本文中,我们将介绍如何使用Python的Tushare库获取公募基金的历史净值。

木头大左的博客 1139

ECSHOP仿趣玩导航分类效果实现

简单看了一下首页的加载文件,有点晕了。后来仔细一看,还好,这个不是用js实现的,也没有加载jquery.因为这方面相对较弱,所以心理有恐惧。 这个导航的具体实现过程还是纯DIV+CSS来实现的。 废话不多说,下面看完整实现过程。 首先,作为测试用,我们还是自己建一个php页面,和dwt页面。 首先建立一个test.php页面. 代码: define('I

ximo's blog 3619

百度AI架构师亲授:Agentic智能体在教育领域的落地(附个性化学习案例)

当我们谈论“教育智能化”时,我们真正需要的不是“更聪明的工具”,而是“能懂人的伙伴”——一个能像优秀教师那样主动观察、精准判断、动态调整的“数字助手”。Agentic智能体(智能体)正是这样的存在:它具备“自主性”(主动决策)、“反应性”(感知环境)、“目标导向”(聚焦学习目标)和“社会性”(与人/其他智能体协作),完美匹配教育场景中“个性化、动态化、协同化”的核心需求。本文将从底层逻辑到工程实现为什么Agentic是教育AI的“下一站”?(痛点与价值)Agentic智能体的核心架构是什么?

AI天才研究院 356
上一篇: ECSHOP商品页加入购物车弹出仿淘宝效果
下一篇: wordpress如何实现伪静态
cloudday
博客等级 码龄19年 112粉丝 37原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值