English  Русский 
РусскийПереводFLASHDEN, ACTIVEDEN
Валюта:
(пусто)
 
Каталог
Голосование
Какая из бирж тебе по душе?
Блог / Новости
Последние купленные
 
 
Мы есть
 

Кнопки
Яндекс.Метрика
PR-CY.ru
Protected by Copyscape Plagiarism Scanner
http://chigir.com/out.php?link=www.megastock.ru

Блог / Новости RSS 2.0

Каталог товаров - Дерево категорий (выпадающее) css (Готовое решение)

Думаю кому-нибудь пригодится. За основу брал Решение, которое полностью раскрывает все категории.

Делаем следующее
1) Удаляем всё в файле published\SC\html\scripts\templates\frontend\category_tree.html
и пишем:

 

{newtree}

2 Создаем файл function.newtree.php в \kernel\includes\smarty\plugins
со следующим кодом:

 

<?php
function smarty_function_newtree($params, &$smarty){
$disp.='<ul id="navmenu-v"> ';
$sql='SELECT categoryID, slug, parent, '.LanguagesManager::sql_prepareField('name').' AS name from '.CATEGORIES_TABLE. ' where parent=1 order by sort_order,name';
if($r=mysql_query($sql))
while($res=mysql_fetch_assoc($r)){
$disp.='<li >';

if($res['slug']!='')

$disp.='<a href="/category/'.$res['slug'].'/">'.$res['name'].'</a>';
else
$disp.='<a href="?categoryID='.$res['categoryID'].'">'.$res['name'].'</a>';
$disp.=subcat($res['categoryID']).'';
}
$disp.='</li></ul>';
return $disp;
}

function subcat($parid){
$sql='SELECT categoryID, slug, parent, '.LanguagesManager::sql_prepareField('name').' AS name from '.CATEGORIES_TABLE. ' where parent='.$parid.' order by sort_order, name';
if($r=mysql_query($sql)){
if(mysql_num_rows($r)>0){
$disp.='<ul >';
while($res=mysql_fetch_assoc($r)){
$disp.='<li >';
if($_GET['categoryID'] == $res['categoryID']) ;
if($res['slug']!='')
$disp.='<a href="/category/'.$res['slug'].'/">'.$res['name'].'</a>';
else
$disp.='<a href="?categoryID='.$res['categoryID'].'">'.$res['name'].'</a>';
$disp.=subcat($res['categoryID']).'';
}
$disp.='</li></ul>';
}
}
return $disp;
}

?>

3) в ваш main.css в конец добавляем:

 

/* CSS Document */
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
margin: 0;
border: 0 none;
padding: 0;
width: 220px;
list-style: none;
z-index:9999;
}

ul#navmenu-v:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;

}

ul#navmenu-v li {
float: left;
display: block !important;
display: inline;
position: relative;
/* border:#003366 1px solid;
*/}
ul#navmenu-v li ul li {
border:none;
z-index:9999;
}

/* Root Menu */
ul#navmenu-v a {

padding: 0 0 0 10px;
display: block;

color: #000000;


font: bold 11px/25px Verdana, Arial;
text-decoration: none;
height: auto !important;
height: 1%;

}

ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
background: #FFFFFF;
color: #000000;
border:none;
z-index:9999;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
background: #ffffff;
color: #000000;
z-index:9999;
padding:0 0 0 15;
font: 11px/22px Verdana, Arial;

}

ul#navmenu-v li:hover li a:hover
{
background: #e2e2e2;
z-index:9999;
}

ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {}


ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
display: none;
position: absolute;
top: 0;
left: 220px;
background: ffffff;
border:#e2e2e2 1px solid;
z-index:9999;
}

ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
display: none;

}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
display: block;
}

4) в ваш head.html дабавляем строчку
 

<script type="text/javascript" src="/js/drop.js" media="all"></script>

5) и заливаем папку js в корневую папку


Вся стилизация правится в css.


Нас посещают: