您现在的位置是:首页 > 教程 > ecshop商城教程ecshop商城教程
ecshop商城简单三步实现导航商品分类二级菜单的方法
孤岚2023-12-09 21:40:04ecshop商城教程已有人查阅
导读1.在page_header.lbi对应的位置(你想显示导航的位置)插入 (注意下面的 themes/模板名称/util.php中的模板名称改成你模板 文件 夹的名称)
1.在page_header.lbi对应的位置(你想显示导航的位置)插入 (注意下面的 themes/模板名称/util.php中的模板名称改成你模板 文件 夹的名称) ? php require_once(themes/模板名称/util.php); ? div class = h 1.在page_header.lbi对应的位置(你想显示导航的位置)插入
(注意下面的"themes/模板名称/util.php"中的"模板名称"改成你模板文件夹的名称)
(注意下面的"themes/模板名称/util.php"中的"模板名称"改成你模板文件夹的名称)
<?phprequire_once("themes/模板名称/util.php"); ?> <div class="header-menu">
<p {if $navigator_list.config.index eq 1} class="cur" {/if}><a href="../index.php">{$lang.home}</a></p>
<ul>
<!-- {foreach name=nav_middle_list from=$navigator_list.middle item=nav} -->
<li onMouseOver="sw_nav(this,1);" onMouseOut="sw_nav(this,0);" {if $nav.active eq 1} class="curs"{/if}>
<a href="{$nav.url}" {if $nav.opennew eq 1}target="_blank" {/if}>{$nav.name}</a>
<?php
$subcates = get_subcate_byurl($GLOBALS['smarty']->_var['nav']['url']);
if($subcates!=false)
{
if(count($subcates)>0)
{
echo "<div class='sub_nav'>";
if($subcates)
{
foreach($subcates as $cate)
{
echo "<a href='".$cate['url']."' class='level_1'>".$cate['name']."</a>";
}
}
echo "</div><iframe frameborder='0' scrolling='no' class='nomask'></iframe>";
}
}
?>
</li>
<!-- {/foreach} -->
</ul>
<script type="text/javascript">
//初始化主菜单
function sw_nav(obj,tag)
{
var subdivs = obj.getElementsByTagName_r("DIV");
var ifs = obj.getElementsByTagName_r("IFRAME");
if(subdivs.length>0)
{
if(tag==1)
{
subdivs[0].style.display = "block";
ifs[0].style.display = "block";
}
else
{
subdivs[0].style.display = "none";
ifs[0].style.display = "none";
}
}
}
</script>
</div>
2.在CSS文件中插入
.header-menu p{ float:left;padding:1px 12px 1px 0;margin-top:-2px;} .header-menu ul li{float:left;padding:1px 12px 1px 12px;margin-top:-2px;} .header-menu ul li a,.header-menu p a{color: #333;display:block;} .header-menu ul li a:hover,.header-menu p a:hover{color:#888;} .header-menu ul li.curs{background:#999;} .header-menu ul li.curs a{color:#fff;} .sub_nav{ background:#999;width:110px; position:absolute; z-index:5003; display:none;margin-left:-12px;} .nomask{ background:#fff; width:110px; height:50px; position:absolute; z-index:5002;display:none;margin-left:-12px;} .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;} .sub_nav a.level_1:hover{color:#fff;background:#55B46C;text-decoration:none;}
3.把以下代码编辑成(util.php)解压出来拷贝到模板目录下
<?php function get_subcate_byurl($url)
{
$rs = strpos($url,"category");
if($rs!==false)
{
preg_match("/\d+/i",$url,$matches);
$cid = $matches[0];
$cat_arr = array();
$sql = "select * from ".$GLOBALS['ecs']->table('category')." where parent_id=".$cid." and is_show=1";
$res = $GLOBALS['db']->getAll($sql);
foreach($res as $idx => $row)
{
$cat_arr[$idx]['id'] = $row['cat_id'];
$cat_arr[$idx]['name'] = $row['cat_name'];
$cat_arr[$idx]['url'] = build_uri('category', array('cid' => $row['cat_id']), $row['cat_name']);
$cat_arr[$idx]['children'] = get_clild_list($row['cat_id']);
}
return $cat_arr;
}
else
{
return false;
}
}
function get_clild_list($pid)
{
//开始获取子分类
$sql_sub = "select * from ".$GLOBALS['ecs']->table('category')." where parent_id=".$pid." and is_show=1";
$subres = $GLOBALS['db']->getAll($sql_sub);
if($subres)
{
foreach ($subres as $sidx => $subrow)
{
$children[$sidx]['id']=$subrow['cat_id'];
$children[$sidx]['name']=$subrow['cat_name'];
$children[$sidx]['url']=build_uri('category', array('cid' => $subrow['cat_id']), $subrow['cat_name']);
}
}
else
{
$children = null;
}
return $children;
}
?>
本文标签:
很赞哦! ()
相关文章
- ecshop商城首页增加一个商品浏览排行榜的实现方法
- ecshop商城怎么增加新独立页面
- ecshop商城安全优化ecshop防注入屏蔽SQL提示实例
- ecshop商城让所有页面都显示新文章提高SEO优化的实现方法
- ecshop商城SEO优化,ecshop预防死链站内页面301跳转写法
- ecshop商城后台订单选择加入商品时提示库存不足的修改方法
- ecshop商城商品搜索结果页显示商品货号的方法
- ecshop商城任意页面添加调用显示文章代码实例
- ecshop商城调用指定分类新品商品/热门商品/推荐商品可设置商品数量
- ecshop商城首页显示积分商品调用积分商品的代码示例
- ecshop商城数据备份搬家恢复数据步骤教程
- ecshop商城杂志管理设置说明介绍
随机图文
-
ecshop文章被人家自动加上版本声明和网址方法
自己辛辛苦苦写的原创文章被人家转载时候希望自动加上版权声明和网址,下面是修改教程:1.新建立一个copyright.js文件:里面文字自行修改成你们自己的文字 -
ecshop邮件模板邮件类型的修改方法
邮件类型:1、纯文本邮件 2、HTML 邮件比如默认是HTML 邮件,我把他修改成纯文本邮件。然后我又想修改回来,修改成HTML 邮件。但是修改不回来了。怎么回事? -
ecshop商品属性相关属性商品由新到旧排序
ECSHOP商品属 相关属 商品由新到旧排序打开文件 includes/lib_goods.php查找以下代码/* 查找符合条件的商品 */ -
在ecshop文章列表页里面显示简单摘要的方法
本教程中讲到的“内容摘要”指的是文章内容的前 60个字符(当然也可以是前40个,前50个等等)下面以 官方默认模板 为例进行讲解:
留言与评论 (共有 条评论) |