您现在的位置是:首页 > cms教程 > Ecshop商城教程Ecshop商城教程
ecshop实现二级导航的调用方法
傲晴2023-11-10Ecshop商城教程已有人查阅
导读要实现这个二级导航的功能只需要在lib.main.php大约1969~1979之间的 'cid' => $row['cid'],下面加上一句
要实现这个二级导航的功能只需要在lib.main.php大约1969~1979之间的 'cid' => $row['cid'],下面加上一句
这是我在默认模板改了以后的page_header.lbi文件(贴图效果的例子)
因为涉及了样式,再在样式文件里tyle.css里加上
'subCat' => ($row['cid']==0||$row['cid']=="")?'':get_child_tree($row['cid'])
然后你打印下导航的数组就可以看到其子类下的信息了!这是我在默认模板改了以后的page_header.lbi文件(贴图效果的例子)
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
var process_request = "{$lang.process_request}";
</script>
<script type="text/javascript">
function showsub(id){
document.getElementById(id).style.display="block";
}
function hidsub(id){
document.getElementById(id).style.display="none";
}
</script>
<div class="block clearfix">
<div class="f_l"><a href="../index.php" name="top"><img src="../images/logo.gif" /></a></div>
<div class="f_r log">
<ul>
<li class="userInfo">
{insert_scripts files='transport.js,utils.js'}
<font id="ECS_MEMBERZONE">{* ECSHOP 提醒您:根据用户id来调用member_info.lbi显示不同的界面 *}{insert name='member_info'} </font>
</li>
<!--{if $navigator_list.top}-->
<li id="topNav" class="clearfix">
<!-- {foreach name=nav_top_list from=$navigator_list.top item=nav} -->
<a href="{$nav.url}" <!-- {if $nav.opennew eq 1} --> target="_blank" <!-- {/if} -->>{$nav.name}</a>
<!-- {if !$smarty.foreach.nav_top_list.last} -->
|
<!-- {/if} -->
<!-- {/foreach} -->
<div class="topNavR"></div>
</li>
<!-- {/if} -->
</ul>
</div>
</div>
<div class="blank"></div>
<div id="mainNav" class="clearfix">
<a href="../index.php"{if $navigator_list.config.index eq 1} class="cur"{/if}>{$lang.home}<span></span></a>
<!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->
<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>
<!-- {/foreach} -->
</div>
<div class="subNav" id="sub1" style="height:20px;" >
</div>
<!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->
<!--{if $nav.subCat}-->
<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');" >
<!--{foreach from=$nav.subCat item=subCat}-->
<a href="{$subCat.url}" style="font-size:14px; text-decoration:none;">{$subCat.name}<span></span></a>
<!-- {/foreach} -->
</div>
<!--{/if}-->
<!-- {/foreach} -->
<!--search start-->
<div id="search" class="clearfix">
<div class="keys f_l">
<script type="text/javascript">
{literal}
<!--
function checkSearchForm()
{
if(document.getElementById('keyword').value)
{
return true;
}
else
{
alert("{$lang.no_keywords}");
return false;
}
}
-->
{/literal}
</script>
{if $searchkeywords}
{$lang.hot_search} :
{foreach from=$searchkeywords item=val}
<a href="search.php?keywords={$val|escape:url}">{$val}</a>
{/foreach}
{/if}
</div>
<form id="searchForm" name="searchForm" method="get" action="search.php" onSubmit="return checkSearchForm()" class="f_r" style="_position:relative; top:5px;">
<select name="category" id="category" class="B_input">
<option value="0">{$lang.all_category}</option>
{$category_list}
</select>
<input name="keywords" type="text" id="keyword" value="{$search_keywords|escape}" class="B_input" style="width:110px;"/>
<input name="imageField" type="submit" value="" class="go" style="cursor:pointer;" />
<a href="search.php?act=advanced_search">{$lang.advanced_search}</a>
</form>
</div>
<!--search end-->
代码因为涉及了样式,再在样式文件里tyle.css里加上
.subNav{padding:0 25px; width:835px; background:url(images/searchBg.gif) repeat-x; padding-left:100px;}
.subNav a{ color:#009 font-size:20px; font-weight:700; margin-right:10px;}
本文标签:
很赞哦! ()
相关教程
图文教程
ecshop订单删除快速删除ecshop后台订单信息
删除ECSHOP订单,快速删除ECSHOP后台的订单信息的方法删除全部订单: delete FROM `ecs_order_info` 删除未确认订
ecshop微信token验证失败怎么办
客户在对接微信公众号时,微信公众号提交开发者时,提示token验证失败错误,下面请大家跟随ECSHOP代码号的技术学习一下测试处理方法:
ecshop添加商品时候选择品牌让品牌按拼音字母排列的方法
ecshop添加商品时候选择品牌让品牌按拼音字母排列ECSHOP后台添加新商品时,有一个选择品牌的下拉框,如果品牌太多,在下拉框里查找起来很不方便。
ecshop商品列表商品按后台推荐排序大小排序教程
Ecshop修改商品分类页的排序方式为推荐排序要修改Ecshop商品分类页图片的排序方式,我们只需要修改Ecshop里
相关源码
-
响应式艺考培训学校机构pbootcms模板html5源码基于PbootCMS免费开源内核开发,为艺考培训学校与艺术机构设计,替换图文即可快速适配全行业需求。响应式布局兼容手机/PC端,数据实时同步,运维效率提升300%。查看源码 -
(自适应)html5导航目录索引工具类网站源码下载本模板基于PbootCMS开发,为站长导航、网址导航类网站设计。采用HTML5+CSS3技术构建,适配PC端和移动端,提供流畅的浏览体验。适用于个人站长、资源导航平台等场景查看源码 -
(自适应)WordPress二次元博客主题SakurairoSakurairo主题为二次元内容创作者设计,提供丰富的动漫风格元素和个性化的展示效果。该主题在原有Sakura主题基础上进行了功能增强,支持多种自定义设置,满足动漫爱好者建立个人博客的需求。查看源码 -
(PC+WAP)绿色日志美文文学说说博客网站pbootcms模板除日志博客类网站外,通过替换图文内容可快速适配:心情日记分享平台、文学创作社区、朋友圈内容聚合站、美文鉴赏网站、读书笔记平台等应用场景。查看源码 -
(自适应)幽默笑话脑筋急转弯搞笑趣图博客pbootcms模板下载本模板基于PbootCMS系统开发,专为幽默笑话、搞笑趣图类网站设计。采用轻松活泼的布局风格,突出娱乐内容分享特色,适合各类笑话、段子、搞笑图片等内容展示。查看源码 -
(PC+WAP)蓝色智能环保机械设备网站营销型pbootcms模板下载本模板基于PbootCMS系统开发,为环保设备制造企业设计,特别适合展示环保机械、智能装备等产品。采用响应式技术,确保各类设备参数和技术方案在不同终端上都能清晰展示。查看源码
| 分享笔记 (共有 篇笔记) |
