{if $smarty.session.access==3}
<a href="admin.php?dpt=catalog&sub=products_edit&productID={$product_info[11]}" id="iframe">Изменить</a>
{/if}
$("a#iframe").fancybox({
'type' : 'iframe',
'overlayShow': 'TRUE',
'hideOnOverlayClick': 'FALSE',
'height': 900,
'width': 1100
});
<script type="text/javascript" src="./css/cloud-zoom/cloud-zoom.1.0.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="./css/cloud-zoom/cloud-zoom.css" media="screen" />
теперь в файле product_detailed.tpl.html находимclass='cloud-zoom'
[/spoiler]<a id="tocart_{$product_info[11]}" class="ajaxcart button" href="./add2cart/{$product_info[14]}"><span>{$smarty.const.ADD_TO_CART_STRING}</span></a>
меняем на<a id="tocart_{$product_info[11]}" class="thickbox button" href="./add2cart/{$product_info[14]}&modal=1"><span>{$smarty.const.ADD_TO_CART_STRING}</span></a>
<a onclick="$('#product').submit();" id="tocart_{$product_info[11]}" href="./add2cart/{$product_info[14]}" class="ajaxcart button"><span>{$smarty.const.ADD_TO_CART_STRING}</span></a>
<a onclick="$('#product').submit();" id="tocart_{$product_info[11]}" href="./add2cart/{$product_info[14]}&modal=1" class="thickbox button"><span>{$smarty.const.ADD_TO_CART_STRING}</span></a>
if (!$ajax_flag) header("Location: http://".CONF_SHOP_URL."/cart/");
и заменяем наif (!$ajax_flag)
{
if (isset($_GET['modal'])) header("Location: http://".CONF_SHOP_URL.'/index.php?shopping_cart=yes&modal=1');
else header("Location: http://".CONF_SHOP_URL."/cart/");
}
$smarty->assign("main_content_template", "shopping_cart.tpl.html");
заменить наif (isset($_GET['modal']))
{
$smarty->display("./css/css_".CONF_COLOR_SCHEME."/theme/shopping_cart.tpl.html");
exit;
}
else $smarty->assign("main_content_template", "shopping_cart.tpl.html");
[/spoiler]#divAdd2cart
{
z-index:1000;
background:#f9e0ae;
border:1px solid #FF0000;
font-weight:bold;
color:#000000;
font-size:16px;
display:none;
position:absolute;
width:300px;
height:95px;
text-align:center;
padding-bottom:10px;
}
<div id="divAdd2cart" ><br />Товар добавлен в корзину! <br><br><a class="add_cart" href="./cart/">Открыть корзину</a></div>
//Тут же функции анимации и прочих красивостей
var image = $('#dp'+curid).offset();
var cart = $('#module_cart').offset();
$('#dp'+curid).before('<img src="' + $('#dp'+curid).attr('src') + '" id="temp" style="position: absolute; top: ' + image.top + 'px; left: ' + image.left + 'px;" />');
params = {
top : cart.top + 'px',
left : cart.left + 'px',
opacity : 0.0,
width : $('#module_cart').width(),
heigth : $('#module_cart').height()
};
$('#temp').animate(params, 'slow', false, function () {
$('#temp').remove();
});
[/spoiler]t=$('body').scrollTop();
elDiv = $('#divAdd2cart');
elDiv.css({left: ($("body").width()/2) - 100+'px', top: t+($("body").height()/3)-100+'px'});
elDiv.show(500);
setTimeout("elDiv.hide(500);",2500); //2500 количество в миллисекунд через которое исчезнет уведомление
[/spoiler] <a style="text-decoration:none"; title="{$last_view_products[i].name}" href ="./{$smarty.const.REDIRECT_PRODUCT}/{$last_view_products[i].hurl}"><img alt="{$last_view_products[i].name}" src="./products_pictures/{$last_view_products[i].thumbnail}" width="40px" height="40px"> <a title="{$last_view_products[i].name}" href ="./{$smarty.const.REDIRECT_PRODUCT}/{$last_view_products[i].hurl}">{$last_view_products[i].name}</a>
в таком случае превьюшка 40х40[/spoiler]Маленькое замечание по пункту 9Я, кстати, кое что откорректировал ) и то, что использую с Free проверяю у себя. =) Например этот пункт - полностью работает =) Я не хочу писать "от балды", но в тоже время есть некоторые моменты, которые прошу у Вас проверить.
Вы назвали тему FAQ и "улучшения" для Lego а материал берёте для Shop-Script FREE.
По некоторым файлам или функциям оно может и подойти, но в основном много чего поменялось, так что возьмите это во внимание. И было бы вообще замечательно, если бы вы весь ваш FAQ проверяли бы у себя на работоспособность, а уж только потом выкладывали бы сюда!
по 8 лупа и увлечение всей картинки разные вешиВопрос - можно пример увеличения посмотреть? Спасибо =)
/* Vertical Mega Menu */
.dcjq-vertical-mega-menu li{padding: 0;background: 0;}
.dcjq-vertical-mega-menu ul{padding-left: 0px;margin: 0px;}
#vertical .menu{font: bold 12px Arial, sans-serif; line-height: 16px; position: relative; border: 1px solid #999; -moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;box-shadow:1px 1px 3px #555;}
#vertical .menu li a {display: block; color: #000; padding: 11px 18px 11px 5px; text-shadow: 1px 1px 1px #fff; text-decoration: none;border-bottom: 1px solid #999;background: url(../images/bg_nav.png) repeat-x 0 0;}
#vertical .menu li a:hover, #vertical .menu li.mega-hover a {background-position: 0 -40px; color: #fff; text-shadow: 1px 1px 1px #000;}
#vertical .menu li a.dc-mega {position: relative;}
#vertical .menu li a .dc-mega-icon {display: block; position: absolute; top: 14px; right: 15px; width: 6px; height: 8px; background: url(../images/arrow_right.png) no-repeat -6px 0;}
#vertical .menu li .sub-container {position: absolute;overflow: hidden;background: url(../images/bg_menu.png) no-repeat 100% 100%;padding: 0 13px 17px 0; }
#vertical .menu li .sub-container .sub {border: none;padding: 5px 15px 5px 5px;background: #fff url(../images/bg_grad_top.png) repeat-x 0 0;border-top: 1px solid #ccc; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;border-left: 1px solid #ccc;}
#vertical .menu li .sub .row {width: 100%; overflow: hidden;}
#vertical .menu li .sub li {float: none; width: 140px; font-size: 1em; font-weight: normal;}
#vertical .menu li .sub li.mega-hdr {float: left;margin: 0 5px 10px 5px;}
#vertical .menu li .sub a, #vertical .menu.left li .sub a {background: none; border: none; text-shadow: none;float: none;color: #000; display: block;text-decoration: none; font-size: 0.9em;margin-bottom: 0;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a {background: url(../images/bg_nav.png) repeat-x 0 -40px; padding: 5px;margin-bottom:5px;text-transform: uppercase; font-weight: bold; color: #fff;text-shadow: 1px 1px 1px #000;text-align: left;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}
#vertical .menu .sub li a {padding: 3px 0px 3px 12px;background: url(../images/bullet_1.gif) no-repeat 3px 8px;font-weight: normal;text-transform: capitalize; font-size: 12px;}
#vertical .menu .sub li a:hover {color: #fff; background: #000 url(../images/bullet_white.png) no-repeat 5px 8px;}
{if $smarty.const.CONF_SHOW_MENU == 1}
<div class="dcjq-vertical-mega-menu" id="vertical" style="margin-bottom:20px;">
{assign var="old" value=-1}
{assign var="ul_open" value=0}
{assign var="sub" value=0}
{section name=i loop=$categories_tree}
{if $categories_tree[i].level==$old}
</li>
{elseif $categories_tree[i].level<$old}
{section name=n loop=$old-$categories_tree[i].level}
</li></ul></li>{assign var="ul_open" value=$ul_open-1}
{/section}
{else}
<ul {if $old==-1}id="mega-1" class="menu"{/if}>
{assign var="ul_open" value=$ul_open+1}
{/if}
{if $smarty.section.i.index==$categories_tree|@count && $ul_open>0}</ul></li>{/if}
{if $categories_tree[i].level ne 0}
{if $sub}<li class="subfirst">{assign var="sub" value=0}{else}<li>{/if}
<a style="width:100%;" href="./{$categories_tree[i].hurl}" {if $categoryID==$categories_tree[i].categoryID} class="pressed" {/if}><span>{$categories_tree[i].name}</span></a>
{else}
<li class={if $smarty.section.i.index==0}"topfirst"{elseif $smarty.section.i.index==$categories_tree|@count-1}"toplast"{else}"topmenu"{/if}>
<a href="./{$categories_tree[i].hurl} {if $categoryID==$categories_tree[i].categoryID}class="pressed"{/if}"><span>{$categories_tree[i].name}</span></a>
{/if}
{assign var="old" value=$categories_tree[i].level}
{/section}
{if $ul_open ne 0}
{section name=c loop=$ul_open}
{if $ul_open==0}</ul>{else}</ul></li>{/if}
{assign var="ul_open" value=$ul_open-1}
{/section}
{/if}
</div>
{else}
<div class="box">
<div class="top"><img src="./images/icon_cat.png" alt="" /> {$smarty.const.ADMIN_CATEGORY_TITLE}</div>
<div id="category" class="middle">
<ul id="verticalmenu" class="glossymenu">
{assign var="old" value=0}
{assign var="ja" value=0}
{section name=i loop=$categories_tree}
{if $categories_tree[i].level==$old}</li> {elseif $categories_tree[i].level>$old} <ul> {/if}
{if $categories_tree[i].level<$old && $old>1}</li>{/if}
{if $categories_tree[i].level<$old} </ul> {/if}
<li><a href="./{$categories_tree[i].hurl}" {if $categoryID == $categories_tree[i].categoryID} class="selected" {/if}>{$categories_tree[i].name}</a>
{assign var="old" value= $categories_tree[i].level}
{/section}
</ul>
</div>
<div class="bottom"></div>
</div>
{/if}
<div class="box">
<div class="top"><img src="./images/icon_cat.png" alt="{$smarty.const.ADMIN_CATEGORY_TITLE}" />{$smarty.const.ADMIN_CATEGORY_TITLE}</div>
<div class="top_l"></div>
<div id="category" class="middle">
{include file="category_tree.tpl.html"}
</div>
<div class="bottom"> </div>
</div>
на
{include file="category_tree.tpl.html"}
<script type='text/javascript' src='./css/css_{$smarty.const.CONF_COLOR_SCHEME}/javascript/jquery.menu.1.3.3.js'></script>
<script type="text/javascript">
$(document).ready(function($){
$('#mega-1').dcVerticalMegaMenu({
speed: 'fast',
effect: 'slide',
direction: 'right'
});});
</script>
По древу категорий уже было улучшения. Но я выложу свое. А то много вопросов задают в лс по этому поводу))
Это для версии 5.0 и выше. Если 4.6 то нужно заменить category_tree.php в includes с 5.0 версии
Работает если только развернуть меню! Оформление->Развернуть меню.
Делаем следующее
в css своей темы добавляем:
[spoiler]
/* Vertical Mega Menu */
.dcjq-vertical-mega-menu li{padding: 0;background: 0;}
.dcjq-vertical-mega-menu ul{padding-left: 0px;margin: 0px;}
#vertical .menu{font: bold 12px Arial, sans-serif; line-height: 16px; position: relative; border: 1px solid #999; -moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;box-shadow:1px 1px 3px #555;}
#vertical .menu li a {display: block; color: #000; padding: 11px 18px 11px 5px; text-shadow: 1px 1px 1px #fff; text-decoration: none;border-bottom: 1px solid #999;background: url(../images/bg_nav.png) repeat-x 0 0;}
#vertical .menu li a:hover, #vertical .menu li.mega-hover a {background-position: 0 -40px; color: #fff; text-shadow: 1px 1px 1px #000;}
#vertical .menu li a.dc-mega {position: relative;}
#vertical .menu li a .dc-mega-icon {display: block; position: absolute; top: 14px; right: 15px; width: 6px; height: 8px; background: url(../images/arrow_right.png) no-repeat -6px 0;}
#vertical .menu li .sub-container {position: absolute;overflow: hidden;background: url(../images/bg_menu.png) no-repeat 100% 100%;padding: 0 13px 17px 0; }
#vertical .menu li .sub-container .sub {border: none;padding: 5px 15px 5px 5px;background: #fff url(../images/bg_grad_top.png) repeat-x 0 0;border-top: 1px solid #ccc; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;border-left: 1px solid #ccc;}
#vertical .menu li .sub .row {width: 100%; overflow: hidden;}
#vertical .menu li .sub li {float: none; width: 140px; font-size: 1em; font-weight: normal;}
#vertical .menu li .sub li.mega-hdr {float: left;margin: 0 5px 10px 5px;}
#vertical .menu li .sub a, #vertical .menu.left li .sub a {background: none; border: none; text-shadow: none;float: none;color: #000; display: block;text-decoration: none; font-size: 0.9em;margin-bottom: 0;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a {background: url(../images/bg_nav.png) repeat-x 0 -40px; padding: 5px;margin-bottom:5px;text-transform: uppercase; font-weight: bold; color: #fff;text-shadow: 1px 1px 1px #000;text-align: left;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}
#vertical .menu .sub li a {padding: 3px 0px 3px 12px;background: url(../images/bullet_1.gif) no-repeat 3px 8px;font-weight: normal;text-transform: capitalize; font-size: 12px;}
#vertical .menu .sub li a:hover {color: #fff; background: #000 url(../images/bullet_white.png) no-repeat 5px 8px;}
[/spoiler]
Заменяем все в category_tree.tpl.html на:
[spoiler]{if $smarty.const.CONF_SHOW_MENU == 1}
<div class="dcjq-vertical-mega-menu" id="vertical" style="margin-bottom:20px;">
{assign var="old" value=-1}
{assign var="ul_open" value=0}
{assign var="sub" value=0}
{section name=i loop=$categories_tree}
{if $categories_tree.level==$old}
</li>
{elseif $categories_tree.level<$old}
{section name=n loop=$old-$categories_tree.level}
</li></ul></li>{assign var="ul_open" value=$ul_open-1}
{/section}
{else}
<ul {if $old==-1}id="mega-1" class="menu"{/if}>
{assign var="ul_open" value=$ul_open+1}
{/if}
{if $smarty.section.i.index==$categories_tree|@count && $ul_open>0}</ul></li>{/if}
{if $categories_tree.level ne 0}
{if $sub}<li class="subfirst">{assign var="sub" value=0}{else}<li>{/if}
<a style="width:100%;" href="./{$categories_tree.hurl}" {if $categoryID==$categories_tree.categoryID} class="pressed" {/if}><span>{$categories_tree.name}</span></a>
{else}
<li class={if $smarty.section.i.index==0}"topfirst"{elseif $smarty.section.i.index==$categories_tree|@count-1}"toplast"{else}"topmenu"{/if}>
<a href="./{$categories_tree.hurl} {if $categoryID==$categories_tree.categoryID}class="pressed"{/if}"><span>{$categories_tree.name}</span></a>
{/if}
{assign var="old" value=$categories_tree.level}
{/section}
{if $ul_open ne 0}
{section name=c loop=$ul_open}
{if $ul_open==0}</ul>{else}</ul></li>{/if}
{assign var="ul_open" value=$ul_open-1}
{/section}
{/if}
</div>
{else}
<div class="box">
<div class="top"><img src="./images/icon_cat.png" alt="" /> {$smarty.const.ADMIN_CATEGORY_TITLE}</div>
<div id="category" class="middle">
<ul id="verticalmenu" class="glossymenu">
{assign var="old" value=0}
{assign var="ja" value=0}
{section name=i loop=$categories_tree}
{if $categories_tree.level==$old}</li> {elseif $categories_tree.level>$old} <ul> {/if}
{if $categories_tree.level<$old && $old>1}</li>{/if}
{if $categories_tree.level<$old} </ul> {/if}
<li><a href="./{$categories_tree.hurl}" {if $categoryID == $categories_tree.categoryID} class="selected" {/if}>{$categories_tree.name}</a>
{assign var="old" value= $categories_tree.level}
{/section}
</ul>
</div>
<div class="bottom"></div>
</div>
{/if}[/spoiler]
в index.tpl.html заменяем
[spoiler]
<div class="box">
<div class="top"><img src="./images/icon_cat.png" alt="{$smarty.const.ADMIN_CATEGORY_TITLE}" />{$smarty.const.ADMIN_CATEGORY_TITLE}</div>
<div class="top_l"></div>
<div id="category" class="middle">
{include file="category_tree.tpl.html"}
</div>
<div class="bottom"> </div>
</div>
на
{include file="category_tree.tpl.html"}
[/spoiler]
В head.tpl.html добавляем
[spoiler]
<script type='text/javascript' src='./css/css_{$smarty.const.CONF_COLOR_SCHEME}/javascript/jquery.menu.1.3.3.js'></script>
<script type="text/javascript">
$(document).ready(function($){
$('#mega-1').dcVerticalMegaMenu({
speed: 'fast',
effect: 'slide',
direction: 'right'
});});
</script>
[/spoiler]
Ну и закидываем изображения в папку images и скрипт в папку javascript c архива ниже...
Пример: _http://vo-stok.com.ua/
Если 4.6 то нужно заменить category_tree.php в includes с 5.0 версии[/b]
Замените так же файл cfg/category_functions.php
И ещё файл includes/database/mysql.php =)
По древу категорий уже было улучшения. Но я выложу свое. А то много вопросов задают в лс по этому поводу))Вопрос - как реализовать в выпадающем меню 1 или 4 колонки ?
Это для версии 5.0 и выше. Если 4.6 то нужно заменить category_tree.php в includes с 5.0 версии
Работает если только развернуть меню! Оформление->Развернуть меню.
Делаем следующее
в css своей темы добавляем:Код: [Выделить]
/* Vertical Mega Menu */
.dcjq-vertical-mega-menu li{padding: 0;background: 0;}
.dcjq-vertical-mega-menu ul{padding-left: 0px;margin: 0px;}
#vertical .menu{font: bold 12px Arial, sans-serif; line-height: 16px; position: relative; border: 1px solid #999; -moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;box-shadow:1px 1px 3px #555;}
#vertical .menu li a {display: block; color: #000; padding: 11px 18px 11px 5px; text-shadow: 1px 1px 1px #fff; text-decoration: none;border-bottom: 1px solid #999;background: url(../images/bg_nav.png) repeat-x 0 0;}
#vertical .menu li a:hover, #vertical .menu li.mega-hover a {background-position: 0 -40px; color: #fff; text-shadow: 1px 1px 1px #000;}
#vertical .menu li a.dc-mega {position: relative;}
#vertical .menu li a .dc-mega-icon {display: block; position: absolute; top: 14px; right: 15px; width: 6px; height: 8px; background: url(../images/arrow_right.png) no-repeat -6px 0;}
#vertical .menu li .sub-container {position: absolute;overflow: hidden;background: url(../images/bg_menu.png) no-repeat 100% 100%;padding: 0 13px 17px 0; }
#vertical .menu li .sub-container .sub {border: none;padding: 5px 15px 5px 5px;background: #fff url(../images/bg_grad_top.png) repeat-x 0 0;border-top: 1px solid #ccc; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;border-left: 1px solid #ccc;}
#vertical .menu li .sub .row {width: 100%; overflow: hidden;}
#vertical .menu li .sub li {float: none; width: 140px; font-size: 1em; font-weight: normal;}
#vertical .menu li .sub li.mega-hdr {float: left;margin: 0 5px 10px 5px;}
#vertical .menu li .sub a, #vertical .menu.left li .sub a {background: none; border: none; text-shadow: none;float: none;color: #000; display: block;text-decoration: none; font-size: 0.9em;margin-bottom: 0;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a {background: url(../images/bg_nav.png) repeat-x 0 -40px; padding: 5px;margin-bottom:5px;text-transform: uppercase; font-weight: bold; color: #fff;text-shadow: 1px 1px 1px #000;text-align: left;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}
#vertical .menu .sub li a {padding: 3px 0px 3px 12px;background: url(../images/bullet_1.gif) no-repeat 3px 8px;font-weight: normal;text-transform: capitalize; font-size: 12px;}
#vertical .menu .sub li a:hover {color: #fff; background: #000 url(../images/bullet_white.png) no-repeat 5px 8px;}
(КОД ЗАМЕНЕН!)Заменяем все в category_tree.tpl.html на:Код: [Выделить]{if $smarty.const.CONF_SHOW_MENU == 1}
<div class="dcjq-vertical-mega-menu" id="vertical" style="margin-bottom:20px;">
{assign var="old" value=-1}
{assign var="ul_open" value=0}
{assign var="sub" value=0}
{section name=i loop=$categories_tree}
{if $categories_tree[i].level==$old}
</li>
{elseif $categories_tree[i].level<$old}
{section name=n loop=$old-$categories_tree[i].level}
</li></ul></li>{assign var="ul_open" value=$ul_open-1}
{/section}
{else}
<ul {if $old==-1}id="mega-1" class="menu"{/if}>
{assign var="ul_open" value=$ul_open+1}
{/if}
{if $smarty.section.i.index==$categories_tree|@count && $ul_open>0}</ul></li>{/if}
{if $categories_tree[i].level ne 0}
{if $sub}<li class="subfirst">{assign var="sub" value=0}{else}<li>{/if}
<a style="width:100%;" href="./{$categories_tree[i].hurl}" {if $categoryID==$categories_tree[i].categoryID} class="pressed" {/if}><span>{$categories_tree[i].name}</span></a>
{else}
<li class={if $smarty.section.i.index==0}"topfirst"{elseif $smarty.section.i.index==$categories_tree|@count-1}"toplast"{else}"topmenu"{/if}>
<a href="./{$categories_tree[i].hurl} {if $categoryID==$categories_tree[i].categoryID}class="pressed"{/if}"><span>{$categories_tree[i].name}</span></a>
{/if}
{assign var="old" value=$categories_tree[i].level}
{/section}
{if $ul_open ne 0}
{section name=c loop=$ul_open}
{if $ul_open==0}</ul>{else}</ul></li>{/if}
{assign var="ul_open" value=$ul_open-1}
{/section}
{/if}
</div>
{else}
<div class="box">
<div class="top"><img src="./images/icon_cat.png" alt="" /> {$smarty.const.ADMIN_CATEGORY_TITLE}</div>
<div id="category" class="middle">
<ul id="verticalmenu" class="glossymenu">
{assign var="old" value=0}
{assign var="ja" value=0}
{section name=i loop=$categories_tree}
{if $categories_tree[i].level==$old}</li> {elseif $categories_tree[i].level>$old} <ul> {/if}
{if $categories_tree[i].level<$old && $old>1}</li>{/if}
{if $categories_tree[i].level<$old} </ul> {/if}
<li><a href="./{$categories_tree[i].hurl}" {if $categoryID == $categories_tree[i].categoryID} class="selected" {/if}>{$categories_tree[i].name}</a>
{assign var="old" value= $categories_tree[i].level}
{/section}
</ul>
</div>
<div class="bottom"></div>
</div>
{/if}
в index.tpl.html заменяемКод: [Выделить]
<div class="box">
<div class="top"><img src="./images/icon_cat.png" alt="{$smarty.const.ADMIN_CATEGORY_TITLE}" />{$smarty.const.ADMIN_CATEGORY_TITLE}</div>
<div class="top_l"></div>
<div id="category" class="middle">
{include file="category_tree.tpl.html"}
</div>
<div class="bottom"> </div>
</div>
на
{include file="category_tree.tpl.html"}
В head.tpl.html добавляемКод: [Выделить]<script type='text/javascript' src='./css/css_{$smarty.const.CONF_COLOR_SCHEME}/javascript/jquery.menu.1.3.3.js'></script>
<script type="text/javascript">
$(document).ready(function($){
$('#mega-1').dcVerticalMegaMenu({
speed: 'fast',
effect: 'slide',
direction: 'right'
});});
</script>
Ну и закидываем изображения в папку images и скрипт в папку javascript c архива ниже...
Пример: _http://vo-stok.com.ua/
Вопрос - как реализовать в выпадающем меню 1 или 4 колонки ?
Пример - http://dreamstan.ru
Установлен Лего 5.0.2 шаблон AreaInfo
Ну во первых это не шаблон areainfo! Я ему название еще не давал, поскольку он еще будет на корню переписываться...Лежит в папке с шаблоном areainfo )))
то что не реализовали(поиск и ссылки на страницы в меню) - дак отключили б. Это так совет..Отключу. Перенес сайт со старого Лего 4.0 - всё в процессе...
Что касается меню то - http://www.designchemical.com/lab/jquery-vertical-mega-menu-plugin/getting-started/Никак не найду rowItems..... Вы не ошиблись?
если правильно помню то rowItems - это количество колонок
Лежит в папке с шаблоном areainfo )))
В какой папке? где? Я его не вылаживал....Отключу. Перенес сайт со старого Лего 4.0 - всё в процессе...
Я бы не советовал брать шаблон с vo-stok.com.ua. Там грубо говоря другой движок.) Брался лего 5,0 но уже много что переписано и поэтому могут быть глюки у вас на сайте. Лучше за основу брать стандартный шаблон.<script type="text/javascript">
$(document).ready(function($){
$('#mega-menu').dcMegaMenu({
speed: 'fast',
effect: 'slide'
});
$('#mega-1').dcVerticalMegaMenu({
speed: 'fast',
effect: 'slide',
rowItems: '4',
direction: 'right'
});
});
</script>
</head>
/* Vertical Mega Menu */
.dcjq-vertical-mega-menu li{padding: 0;background: 0;}
.dcjq-vertical-mega-menu ul{padding-left: 0px;margin: 0px;}
#vertical .menu{font: bold 12px Arial, sans-serif; line-height: 16px; position: relative; border: 1px solid #999; -moz-box-shadow:1px 1px 3px #555;-webkit-box-shadow:1px 1px 3px #555;box-shadow:1px 1px 3px #555;}
#vertical .menu li a {display: block; color: #000; padding: 11px 18px 11px 5px; text-shadow: 1px 1px 1px #fff; text-decoration: none;border-bottom: 1px solid #999;background: url(../images/bg_nav.png) repeat-x 0 0;}
#vertical .menu li a:hover, #vertical .menu li.mega-hover a {background-position: 0 -40px; color: #fff; text-shadow: 1px 1px 1px #000;}
#vertical .menu li a.dc-mega {position: relative;}
#vertical .menu li a .dc-mega-icon {display: block; position: absolute; top: 14px; right: 15px; width: 6px; height: 8px; background: url(../images/arrow_right.png) no-repeat -6px 0;}
#vertical .menu li .sub-container {position: absolute;overflow: hidden;background: url(../images/bg_menu.png) no-repeat 100% 100%;padding: 0 13px 17px 0; }
#vertical .menu li .sub-container .sub {border: none;padding: 5px 15px 5px 5px;background: #fff url(../images/bg_grad_top.png) repeat-x 0 0;border-top: 1px solid #ccc; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb;border-left: 1px solid #ccc;}
#vertical .menu li .sub .row {width: 100%; overflow: hidden;}
#vertical .menu li .sub li {float: none; width: 140px; font-size: 1em; font-weight: normal;}
#vertical .menu li .sub li.mega-hdr {float: left;margin: 0 5px 10px 5px;}
#vertical .menu li .sub a, #vertical .menu.left li .sub a {background: none; border: none; text-shadow: none;float: none;color: #000; display: block;text-decoration: none; font-size: 0.9em;margin-bottom: 0;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a {background: url(../images/bg_nav.png) repeat-x 0 -40px; padding: 5px;margin-bottom:5px;text-transform: uppercase; font-weight: bold; color: #fff;text-shadow: 1px 1px 1px #000;text-align: left;}
#vertical .menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}
Подскажите, пожалуйста, почему данное меню может не работать в IE ?возможно из-за не совсем корректного отображения списка меню(<ul><li>...</li></ul>), при 3-х уровнях вложения(проще говоря: категория->подкатегория->подподкатегория).