Суперменю для Melbis Shop

Если Вы хотите иметь в своем интернет-магазине меню как на Rozetka.Ua, то этот модуль для Вас.

Модуль прост в настройке и установке, а благодаря встроенной функции кеширования модуль практически не использует процессорное время.

В этом меню будут отображаться все разделы 1-го, 2-го и 3-го уровней, у которых в настройках отображения вас стоит галочка "В выпадающем меню".

Залейте содержимое архива на сайт!

В шаблонах _index/main.htm, _dir/main.htm, _goods/main.htm и blank.htm в том месте где у Вас должно размещаться суперменю вставьте ключ {SUPERMENU}

В конец файла templates/style.css добавьте следующие стили:

/* EXT MENU */
#ext_menu { list-style: none; height: 98px; padding: 5px 0px; margin: 0px 15px; font-size: 11px; }
#ext_menu li.level1 { float: left; margin: 0px; padding: 0px; width: 78px; height: 100px; position: relative; text-align: center; z-index: 4; }
#ext_menu li.level1 img { width: 60px; height: 53px; margin: 0px 0px 1px 0px; }
#ext_menu li.level1 a { color: #197A30; text-decoration: none; }
#ext_menu li.level1 a.name { display: block; width: 72px; margin-left: 2px; height: 27px; padding: 5px 1px; position: relative; z-index: 4; }
#ext_menu li.level1 .top { width: 78px; height: 5px; background: none; }

#ext_menu div.sub { position: absolute; left: -7px; top: 92px; display: none; z-index: 3; padding-top: 2px; }

#ext_menu li.level1:hover { background: url('../images/tmlib.gif'); }
#ext_menu li.level1:hover .top { background: url('../images/tmlit.gif'); }
#ext_menu li.level1:hover a.name { background: #EAEAEA; }
#ext_menu li.level1:hover div.sub { display: block; }

#ext_menu div.sub table { width: 100%; border-collapse:collapse; border: 0px; padding: 0px; }
#ext_menu div.sub table td { padding: 0px; margin: 0px; }
#ext_menu div.sub table.t .left { width: 9px; background: url('../images/tml.png'); font-size: 0px; }
#ext_menu div.sub table.t .left img { width: 9px; height: 1px; }
#ext_menu div.sub table.t .back { background: #EAEAEA; border-top: 2px solid #197A30; padding: 10px 0px; }
#ext_menu div.sub table.t .right { width: 11px; background: url('../images/tmr.png'); font-size: 0px; }
#ext_menu div.sub table.t .right img { width: 11px; height: 1px; }
#ext_menu div.sub table.t .space { width: 10px; background: #EAEAEA; border-top: 2px solid #197A30; }
#ext_menu div.sub table.t .space img { width: 10px; height: 1px; }
#ext_menu div.sub table.b .left { width: 18px; background: url('../images/tmlb.png'); font-size: 0px; }
#ext_menu div.sub table.b .left img { width: 18px; height: 19px; }
#ext_menu div.sub table.b .back { background: url('../images/tmb.png'); font-size: 0px; }
#ext_menu div.sub table.b .back img { width: 1px; height: 19px; }
#ext_menu div.sub table.b .right { width: 20px; background: url('../images/tmrb.png'); font-size: 0px; }
#ext_menu div.sub table.b .right img { width: 20px; height: 19px; }

#ext_menu div.sub div.column { width: 160px; margin-right: 10px; float: left; }
#ext_menu div.sub div { text-align: left; margin: 1px 0px; font-size: 14px; }
#ext_menu div.sub a { text-decoration: none; }
#ext_menu div.sub a:hover { text-decoration: underline; }
#ext_menu div.sub a.level2 { color: #197A30; font-weight: bold; }
#ext_menu div.sub a.level3 { color: #000000; font-weight: normal; }
#ext_menu div.sub .look_topic { position: absolute; right: 20px; bottom: 15px; z-index: 6; }
#ext_menu div.sub .look_topic a { color: #60829F; text-decoration: none; }
#ext_menu div.sub .look_topic a:hover { text-decoration: underline; }
/* EXT MENU */

Для того чтоб понять за что отвечает каждая строка в приведенном выше коде смотрите шабоны которые идут вместе с модулем /admin/make_top_menu/templates

У нужных разделов в настройках отображения поставьте галочку "В верхнем меню". При этом если Вы хотите чтоб какой-то раздел шол с нового столбца, у него нужно также включить флажок "Разделитель перед разделом".

Отправьте изменения на сервер.

Далее Вам нужно запустить на выполнение скрипт www.Ваш-сайт.ua/admin/make_top_menu/index.php. Именно этот скрипт отвечает за построение Вашего меню и сохранение его в кеше. Внимание! Данный скрипт нужно запускать каждый раз когда Вы хотите что-то поменять в меню ( добавить раздел например ).