Помощь Активные кнопки меню в модуле Super Mega Menu

anfriska · 27 Окт 2013

В php не разбираюсь, поэтому решила попросить помощи у вас.

код файла catalog/view/theme/default/template/module/supermenu.tpl

Код:

<?php if ($mitems) { ?>
<link rel="stylesheet" type="text/css" href="catalog/view/supermenu/supermenu.css" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/supermenu/supermenuie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/supermenu/supermenuie6.css" />
<![endif]-->
<?php if ($supermenu_settings_status) { ?>
<style type="text/css">
<?php if ($supermenu_settings['bg']) { ?>
  #supermenu {
  background-color: <?php echo $supermenu_settings['bg']; ?>;
  }
  #supermenu ul li a.tll {
    text-shadow: 0 0 1px <?php echo $supermenu_settings['bg']; ?>;
    }
<?php } ?>
<?php if ($supermenu_settings['tlc']) { ?>
  #supermenu ul li a.tll {
  color: <?php echo $supermenu_settings['tlc']; ?>;
  }
<?php } ?>
<?php if ($supermenu_settings['dbg']) { ?>
  #supermenu ul li.tlli:hover a.tll {
  background: <?php echo $supermenu_settings['dbg']; ?>;
  }
  #supermenu ul li div.bigdiv {
    background: <?php echo $supermenu_settings['dbg']; ?>;
  }
<?php } ?>
<?php if ($supermenu_settings['slc']) { ?>
  #supermenu  ul  li  div  .withchild a.theparent, #supermenu  ul  li  div .withimage .name a {
  color: <?php echo $supermenu_settings['slc']; ?>;
  }
<?php } ?>
<?php if ($supermenu_settings['slbg']) { ?>
  #supermenu  ul  li  div  .withchild a.theparent {
  background: <?php echo $supermenu_settings['slbg']; ?>;
  border-bottom: none;
  }
  #supermenu  ul  li  div .withimage .image img {
    border: 4px solid <?php echo $supermenu_settings['slbg']; ?>;
  }
<?php } ?>
<?php if ($supermenu_settings['slbgh']) { ?>
  #supermenu ul li div .withchild {
  border: 1px solid <?php echo $supermenu_settings['slbgh']; ?>;
  }
  #supermenu  ul  li  div .withoutchild .withchild a:hover, #supermenu  ul  li  div  .withchild a.theparent:hover {
  background: <?php echo $supermenu_settings['slbgh']; ?>;
  }
  #supermenu  ul  li  div  .withchild ul.child-level li a:hover {
    background: <?php echo $supermenu_settings['slbgh']; ?>;
  }
  #supermenu  ul  li  div .withimage .image img:hover {
    border: 4px solid <?php echo $supermenu_settings['slbgh']; ?>;
  }
<?php } ?>
<?php if ($supermenu_settings['thlc']) { ?>
  #supermenu  ul  li  div  .withchild ul.child-level li a, #supermenu  ul  li  div .withimage .child-level a {
  color: <?php echo $supermenu_settings['thlc']; ?>;
  }
<?php } ?>
</style>
<?php } ?>
<script type="text/javascript" src="catalog/view/supermenu/supermenu.js"></script>
<script type="text/javascript" src="catalog/view/supermenu/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("#supermenu ul li.tlli").hoverIntent(function() {
        $(this).find('.bigdiv').slideDown('fast');
        $('#supermenu ul li.tlli .bigdiv').addClass('act');

    } , function() {
        $(this).find('.bigdiv').slideUp('fast');
        $('#supermenu ul li.tlli .bigdiv').removeClass('act');
});

});
</script>
<div id="supermenu">
  <ul>
    <?php foreach ($mitems as $mitem) { ?>
    <li class="tlli" <?php if ($mitem['tlstyle']) { ?>><span class="<?php echo $mitem['tlstyle']; ?>" <?php } ?>><a class="tll" <?php if ($mitem['tlcolor']) { ?>style="color: <?php echo $mitem['tlcolor']; ?>;" <?php } ?><?php if ($mitem['href']) { ?>href="<?php echo $mitem['href']; ?>"<?php } ?>><?php echo $mitem['name']; ?></a>
    <?php if ($mitem['children'] || ($mitem['chtml'] && $mitem['chtml'] == 1)) { ?>
    <div class="bigdiv"<?php if ($mitem['dwidth']) { ?> style="width: <?php echo $mitem['dwidth']; ?>px;"<?php } ?>>

      <?php if (!$mitem['dwidth']) { ?>
      <?php if ($mitem['add'] || ($mitem['chtml'] && $mitem['chtml'] == 2)) { ?><div class="supermenu-left" style="width: 755px;"><?php } else { ?><div class="supermenu-left" style="width: 960px;"><?php } ?>
      <?php } else { ?>
      <?php if ($mitem['add'] || ($mitem['chtml'] && $mitem['chtml'] == 2)) { ?><div class="supermenu-left"  style="width: <?php echo $mitem['ddwidth']; ?>px;"><?php } else { ?><div class="supermenu-left"  style="width: <?php echo $mitem['dwidth']; ?>px;"><?php } ?>
      <?php } ?>
      <?php if ($mitem['chtml'] && $mitem['chtml'] == 1) { ?><?php echo $mitem['cchtml']; ?><?php } ?>

      <?php if ($mitem['chtml'] && $mitem['chtml'] == 3) { ?><div style="display: block;"><?php echo $mitem['cchtml']; ?></div><?php } ?>

      <?php if (!$mitem['chtml'] || $mitem['chtml'] == 2 || $mitem['chtml'] == 3) { ?>

      <?php if (!$mitem['view']) { ?>
          <?php foreach ($mitem['children'] as $mildren) { ?>
          <?php if ($mildren['gchildren']) { ?>
            <div class="withchild"<?php if ($mitem['iwidth']) { ?> style="width: <?php echo $mitem['iwidth']; ?>px;"<?php } ?>>
            <a class="theparent" href="<?php echo $mildren['href']; ?>"><?php echo $mildren['name']; ?></a>
              <ul class="child-level">
                <?php foreach ($mildren['gchildren'] as $gmildren) { ?>
                <li><a style="font-weight: bold;" href="<?php echo $gmildren['href']; ?>"><?php echo $gmildren['name']; ?></a></li>
                <?php } ?>
              </ul>
            </div>
          <?php } ?>
          <?php } ?>
          <div class="withoutchild">
          <?php foreach ($mitem['children'] as $mildren) { ?>
            <?php if (!$mildren['gchildren']) { ?>
            <div class="withchild"<?php if ($mitem['iwidth']) { ?> style="width: <?php echo $mitem['iwidth']; ?>px;"<?php } ?>>
              <a class="theparent" href="<?php echo $mildren['href']; ?>"><?php echo $mildren['name']; ?></a>
            </div>
            <?php } ?>
          <?php } ?>
          </div>
      <?php } else { ?>
          <?php foreach ($mitem['children'] as $mildren) { ?>
          <div class="withimage"<?php if ($mitem['iwidth']) { ?> style="width: <?php echo $mitem['iwidth']; ?>px;"<?php } ?>>
            <div class="image">
            <a href="<?php echo $mildren['href']; ?>"><img src="<?php echo $mildren['thumb']; ?>" alt="<?php echo $mildren['name']; ?>" title="<?php echo $mildren['name']; ?>" /></a>
            </div>
            <div class="name">
            <a class="nname" href="<?php echo $mildren['href']; ?>"><?php echo $mildren['name']; ?></a>
            <?php if ($mildren['gchildren']) { ?>
              <ul class="child-level">
              <?php foreach ($mildren['gchildren'] as $gmildren) { ?>
                <li><a href="<?php echo $gmildren['href']; ?>">+ <?php echo $gmildren['name']; ?></a></li>
              <?php } ?>
              </ul>
            <?php } ?>
            </div>
          </div>
          <?php } ?>
      <?php } ?>
      <?php } ?>
      </div>
      <?php if ($mitem['add'] || ($mitem['chtml'] && $mitem['chtml'] == 2)) { ?>
      <div class="menu-add">
        <?php if ($mitem['chtml'] && $mitem['chtml'] == 2) { ?>
        <?php echo $mitem['cchtml']; ?>
        <?php } else { ?>
        <a <?php if ($mitem['addurl']) { ?>href="<?php echo $mitem['addurl']; ?>"<?php } ?>><img src="image/<?php echo $mitem['add']; ?>" alt="<?php echo $mitem['name']; ?>" /></a>
        <?php } ?>
      </div>
      <?php } ?>
    </div>
    <?php } ?>
  </li>
  <?php } ?>
</ul>
</div>
<?php } ?>

[/spoil]

код css файла catalog/view/theme/supermenu/supermenu.css
[spoil]

Код:

#supermenu {
    background: url('menu_bg.gif') repeat-x top left;
    height: 42px;
    margin-bottom: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}
#supermenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#supermenu ul li.tlli {
    position: relative;
    float: left;
    z-index: 20;
    padding: 0px 2px 0px 0px;
    background: url('nav_bg_div.gif') 100% 0px no-repeat;
}

#supermenu ul li.tlli:hover {
    z-index: 100;
}
#supermenu ul li a.tll {
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    text-decoration: none;
    display: block;
    padding: 10px 10px 12px 10px;
    z-index: 6;
    position: relative;
    text-shadow: 0 0 1px #111;
}

#supermenu ul li .home a.tll {
    -webkit-border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    -khtml-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px;
}
#supermenu ul li.tlli:hover a.tll {
    background: url('menu_hover.gif') repeat-x top left;
    color: #444 !important;
    text-shadow: 0px 1px #fff;
}
a:active {
  /*  color: #f00; Цвет активной ссылки */
  }
#supermenu ul li div.bigdiv {
    display: none;
    background: #494949;
    position: absolute;
    z-index: 5;
    padding: 5px;
    padding-bottom: 15px;
    width: 960px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow: 0px 3px 3px #111;
    -moz-box-shadow: 0px 3px 3px #111;
    box-shadow: 0px 3px 3px #111;
}
#supermenu ul li.tlli.act div.bigdiv {
    display: table;
}
#supermenu > ul > li > div > ul {
    display: table-cell;
}
#supermenu > ul > li ul + ul {
    padding-left: 20px;
}
#supermenu  ul  li  div  .withchild ul.child-level li a {
    text-decoration: none;
    padding: 4px;
    color: #FFFFFF;
    display: block;
    min-width: 120px;
}
#supermenu  ul  li  div  .withchild ul.child-level li a:hover {
    background: #555;
}
#supermenu  ul  li  div .supermenu-left {
    display: inline-block;
    float: left;
    vertical-align: top;
}
#supermenu  ul  li  div .menu-add {
    width: 200px;
    margin-left: 5px;
    height: 100%;
    overflow: hidden;
    float: right;
    vertical-align: bottom;
    display: inline-block;
}
#supermenu  ul  li  div .menu-add img {
    float: right;
    margin-top: 10px;
}
#supermenu  ul  li  div .withoutchild {
    display: block;
    margin-top: 5px;
}
#supermenu  ul  li  div .withoutchild .withchild {
    display: inline-block;
    margin-left: 10px;
    width: 173px;
    margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
#supermenu  ul  li  div .withoutchild .withchild a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    vertical-align: top;
}
#supermenu  ul  li  div  .withchild {
    display: inline-block;
    width: 173px;
    margin-left: 10px;
    border: 1px solid #555;
    margin-top: 10px;
    vertical-align: top;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
#supermenu  ul  li  div  .withchild ul.child-level li a {
    padding: 5px;
}
#supermenu  ul  li  div  .withchild a.theparent {
    color: #fff;
    background: #444;
    border-bottom: 1px solid #333;
    display: block;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
}
#supermenu  ul  li  div .withoutchild .withchild a:hover, #supermenu  ul  li  div  .withchild a.theparent:hover {
    background: #333;
}
#supermenu  ul  li  div .withimage {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    width: 173px;
    margin-top: 10px;
}
#supermenu  ul  li  div .withimage .image img {
    border: 4px solid #ddd;
    background: #fff;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0px 2px 2px #111;
    -moz-box-shadow: 0px 2px 2px #111;
    box-shadow: 0px 2px 2px #111;
}
#supermenu  ul  li  div .withimage .image img:hover {
    border: 4px solid #fff;
}
#supermenu  ul  li  div .withimage .name a {
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}
#supermenu  ul  li  div .withimage .child-level a {
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
#supermenu  ul  li  div .withimage .child-level {
    margin-left: 5px;
}
#supermenu  ul  li  div .withimage .name a:hover {
    text-decoration: underline;
}
#supermenu ul li a.tllactive {
    padding-left: 20px;
    background: #000;
}

Как сделать чтобы находясь в разделе Для просмотра ссылки Войди или Зарегистрируйся
кнопка в горизонтальном меню этого раздела (
<li class="tlli"><a class="tll" href="Для просмотра ссылки Войди или Зарегистрируйся">Контакты</a>
</li>
), была другого цвета?
Я так понимаю, для активной ссылки нужно создать доп. правило. То есть
<li class="tlli active"><a class="tll" href="Для просмотра ссылки Войди или Зарегистрируйся">Контакты</a>
</li>

и в css прописать свойства элемента tlli active

Но как это прописать в tpl, я не знаю

Bogdan1975 · 27 Окт 2013

А сейчас какого цвета кнопка?
Вы бы ссылочку сбросили ...
По логике нужно менять этот код:

Код:

#supermenu ul li a.tllactive 
{ padding-left: 20px; 
background: #000; 
}

Ну а класс tllactive может присваиваться не при выводе из php, а потом посредством JavaScript

anfriska · 28 Окт 2013

supermenu.js у меня такой

Код:

$(document).ready(function() {

    $('#supermenu ul > li > a + div').each(function(index, element) {

        var supermenu = $('#supermenu').offset();
        var ddown = $(this).parent().offset();

        i = (ddown.left + $(this).outerWidth()) - (supermenu.left + $('#supermenu').outerWidth());

        if (i > 0) {
            $(this).css('margin-left', '-' + (i + 5) + 'px');
        }
    });
});

css менять то нужно, но сначала надо сделать чтобы <li class="tlli active"> выводился, а то css классу будет не на что реагировать

Bogdan1975 · 28 Окт 2013

ну судя по css класс должен быть не "tlli active", a "tllactive" и присваивать его нужно не тегу <li>, а вложенному в него тегу <a>
Для того, что бы сделать это в tpl, нужно понимать какие переменные передает в него контроллер

arsen · 3 Фев 2014

Удалось ли решить проблему,сейчас сам с ней копаюсь не могу разобраться
пробую использовать active в разных комбинациях

anfriska · 3 Фев 2014

Пока не решила. Только что начала работать над новым сайтом. Дойду до меню, поду пробовать решить проблему.

arsen · 3 Фев 2014

anfriska написал(а):
Пока не решила. Только что начала работать над новым сайтом. Дойду до меню, поду пробовать решить проблему.

пока узнал только что через js решать придется
active не прокатит

arsen · 4 Фев 2014

сделал это сss

Код:

#supermenu {
    text-align:center;
    background-color: #ececec;
    height: 40px;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;

    margin-left:17px;
    margin-right:17px;
}
#supermenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#supermenu ul li.tlli {
  width:165px;
    position: relative;
    float: left;
   
    z-index: 20;
    padding: 0px 0px 0px 0px;
}
#supermenu ul li.selected {
  width:165px;
 
    position: relative;
    float: left;
    background: #1f6fac;
    color:#ffffff;
    text-shadow: 0 0 1px #1f6fac;
    z-index: 18;
    padding: 0px 0px 0px 0px;
}

#supermenu ul li.tlli:hover {
    z-index: 100;
}

#supermenu ul li a.tll {
    font-size: 15px;
    color: #3b3b3b;
    font-weight: bold;
    line-height: 14px;
    text-decoration: none;
    display: block;
    padding: 13px 10px 13px 10px;
    z-index: 6;
    position: relative;
    text-shadow: 0 0 1px #fff;
}

#supermenu ul li.tlli:hover a.tll {
    background: #1f6fac;
    color:#ffffff;
    text-shadow: 0 0 1px #1f6fac;
}
#supermenu ul li.selected  a.tll {
    background: #1f6fac;
    color:#ffffff;
    text-shadow: 0 0 1px #1f6fac;
}

#supermenu ul li div.bigdiv {
    display: none;
    background: #1f6fac;
    position: absolute;
    z-index: 5;
    padding: 5px;
    padding-bottom: 15px;
    width: 970px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    -webkit-box-shadow: 0px 3px 3px #fff;
    -moz-box-shadow: 0px 3px 3px #fff;
    box-shadow: 0px 3px 3px #fff;
}
#supermenu ul li.tlli.act div.bigdiv {
    display: table;
   
}

#supermenu > ul > li > div > ul {
    display: table-cell;
}
#supermenu > ul > li ul + ul {
    padding-left: 20px;
}
#supermenu  ul  li  div  .withchild ul.child-level li a {
    text-decoration: none;
    padding: 4px;
    color: #FFFFFF;
    display: block;
    min-width: 120px;
}
#supermenu  ul  li  div  .withchild ul.child-level li a:hover {
    background: #555;
}
#supermenu  ul  li  div .supermenu-left {
    display: inline-block;
    float: left;
    vertical-align: top;
}
#supermenu  ul  li  div .menu-add {
    width: 200px;
    margin-left: 5px;
    height: 100%;
    overflow: hidden;
    float: right;
    vertical-align: bottom;
    display: inline-block;
}
#supermenu  ul  li  div .menu-add img {
    float: right;
    margin-top: 10px;
}
#supermenu  ul  li  div .withoutchild {
    display: block;
    margin-top: 5px;
}
#supermenu  ul  li  div .withoutchild .withchild {
    display: inline-block;
    margin-left: 10px;
    width: 173px;
    margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
#supermenu  ul  li  div .withoutchild .withchild a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    vertical-align: top;
}
#supermenu  ul  li  div  .withchild {
    display: inline-block;
    width: 173px;
    margin-left: 10px;
    border: 1px solid #555;
    margin-top: 10px;
    vertical-align: top;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
#supermenu  ul  li  div  .withchild ul.child-level li a {
    padding: 5px;
}
#supermenu  ul  li  div  .withchild a.theparent {
    color: #fff;
    background: #444;
    border-bottom: 1px solid #333;
    display: block;
    padding: 5px;
    text-decoration: none;
    font-weight: bold;
}
#supermenu  ul  li  div .withoutchild .withchild a:hover, #supermenu  ul  li  div  .withchild a.theparent:hover {
    background: #333;
}
#supermenu  ul  li  div .withimage {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    width: 173px;
    margin-top: 10px;
    text-align:left;
}
#supermenu  ul  li  div .withimage .image img {
    border: 4px solid #fff;
    background: #fff;
    -webkit-border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -khtml-border-radius: 30px 30px 30px 30px;
    border-radius: 30px 30px 30px 30px;


}
#supermenu  ul  li  div .withimage .image img:hover {
    border: 4px solid #fff;
    text-align:left;
}
#supermenu  ul  li  div .withimage .name a {
text-align:left;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}
#supermenu  ul  li  div .withimage .child-level a {
text-align:left;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
#supermenu  ul  li  div .withimage .child-level {
    margin-left: 5px;
}
#supermenu  ul  li  div .withimage .name a:hover {
    text-decoration: underline;
}

arsen · 4 Фев 2014

это tpl

Код:

<?php if ($mitems) { ?>
<link rel="stylesheet" type="text/css" href="catalog/view/supermenu/supermenu.css" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/supermenu/supermenuie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/supermenu/supermenuie6.css" />
<![endif]-->
<?php if ($supermenu_settings_status) { ?>
<style type="text/css">
<?php if ($supermenu_settings['bg']) { ?>
  #supermenu {
  background-color: <?php echo $supermenu_settings['bg']; ?>;
  }
  #supermenu ul li a.tll {
    text-shadow: 0 0 1px <?php echo $supermenu_settings['bg']; ?>;
    }
<?php } ?>
<?php if ($supermenu_settings['tlc']) { ?>
  #supermenu ul li a.tll {
  color: <?php echo $supermenu_settings['tlc']; ?>;
  }
<?php } ?>
<?php if ($supermenu_settings['dbg']) { ?>
  #supermenu ul li.tlli:hover a.tll {
  background: <?php echo $supermenu_settings['dbg']; ?>;
  }
  #supermenu ul li div.bigdiv {
    background: <?php echo $supermenu_settings['dbg']; ?>;
  }
<?php } ?>
<?php if ($supermenu_settings['slc']) { ?>
  #supermenu  ul  li  div  .withchild a.theparent, #supermenu  ul  li  div .withimage .name a {
  color: <?php echo $supermenu_settings['slc']; ?>;
  }
<?php } ?>
<?php if ($supermenu_settings['slbg']) { ?>
  #supermenu  ul  li  div  .withchild a.theparent {
  background: <?php echo $supermenu_settings['slbg']; ?>;
  border-bottom: none;
  }
  #supermenu  ul  li  div .withimage .image img {
    border: 4px solid <?php echo $supermenu_settings['slbg']; ?>;
  }
<?php } ?>
<?php if ($supermenu_settings['slbgh']) { ?>
  #supermenu ul li div .withchild {
  border: 1px solid <?php echo $supermenu_settings['slbgh']; ?>;
  }
  #supermenu  ul  li  div .withoutchild .withchild a:hover, #supermenu  ul  li  div  .withchild a.theparent:hover {
  background: <?php echo $supermenu_settings['slbgh']; ?>;
  }
  #supermenu  ul  li  div  .withchild ul.child-level li a:hover {
    background: <?php echo $supermenu_settings['slbgh']; ?>;
  }
  #supermenu  ul  li  div .withimage .image img:hover {
    border: 4px solid <?php echo $supermenu_settings['slbgh']; ?>;
  }
<?php } ?>
<?php if ($supermenu_settings['thlc']) { ?>
  #supermenu  ul  li  div  .withchild ul.child-level li a, #supermenu  ul  li  div .withimage .child-level a {
  color: <?php echo $supermenu_settings['thlc']; ?>;
  }
<?php } ?>
</style>
<?php } ?>
<script type="text/javascript" src="catalog/view/supermenu/supermenu.js"></script>
<script type="text/javascript" src="catalog/view/supermenu/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript">
$(document).ready(function(){

$("#supermenu ul li.tlli").hoverIntent(function() {
        $(this).find('.bigdiv').slideDown('fast');
        $('#supermenu ul li.tlli .bigdiv').addClass('act');
   
    } , function() {
        $(this).find('.bigdiv').slideUp('fast');
        $('#supermenu ul li.tlli .bigdiv').removeClass('act');
});

});
</script>
<script type="text/javascript">

</script>
<div id="supermenu">
  <ul>
    <?php foreach ($mitems as $mitem) { ?>
    <li class="tlli" <?php if ($mitem['tlstyle']) { ?>style="<?php echo $mitem['tlstyle']; ?>" <?php } ?>>
   
   
        <a class="tll" <?php if ($mitem['tlcolor']) { ?>style="color: <?php echo $mitem['tlcolor']; ?>;" <?php } ?><?php if ($mitem['href']) { ?>href="<?php echo $mitem['href']; ?>"<?php } ?> onclick="SelectLink(this)"><?php echo $mitem['name']; ?></a>
 
   
    <?php if ($mitem['children'] || ($mitem['chtml'] && $mitem['chtml'] == 1)) { ?>
    <div class="bigdiv"<?php if ($mitem['dwidth']) { ?> style="width: <?php echo $mitem['dwidth']; ?>px;"<?php } ?>>
   
      <?php if (!$mitem['dwidth']) { ?>
      <?php if ($mitem['add'] || ($mitem['chtml'] && $mitem['chtml'] == 2)) { ?><div class="supermenu-left" style="width: 755px;"><?php } else { ?><div class="supermenu-left" style="width: 960px;"><?php } ?>
      <?php } else { ?>
      <?php if ($mitem['add'] || ($mitem['chtml'] && $mitem['chtml'] == 2)) { ?><div class="supermenu-left"  style="width: <?php echo $mitem['ddwidth']; ?>px;"><?php } else { ?><div class="supermenu-left"  style="width: <?php echo $mitem['dwidth']; ?>px;"><?php } ?>
      <?php } ?>
      <?php if ($mitem['chtml'] && $mitem['chtml'] == 1) { ?><?php echo $mitem['cchtml']; ?><?php } ?>
     
      <?php if ($mitem['chtml'] && $mitem['chtml'] == 3) { ?><div style="display: block;"><?php echo $mitem['cchtml']; ?></div><?php } ?>
     
      <?php if (!$mitem['chtml'] || $mitem['chtml'] == 2 || $mitem['chtml'] == 3) { ?>
     
      <?php if (!$mitem['view']) { ?>
          <?php foreach ($mitem['children'] as $mildren) { ?>
          <?php if ($mildren['gchildren']) { ?>
            <div class="withchild"<?php if ($mitem['iwidth']) { ?> style="width: <?php echo $mitem['iwidth']; ?>px;"<?php } ?>>
            <a class="theparent" href="<?php echo $mildren['href']; ?>"><?php echo $mildren['name']; ?></a>
              <ul class="child-level">
                <?php foreach ($mildren['gchildren'] as $gmildren) { ?>
                <li><a style="font-weight: bold;" href="<?php echo $gmildren['href']; ?>"><?php echo $gmildren['name']; ?></a></li>
                <?php } ?>
              </ul>
            </div>
          <?php } ?>
          <?php } ?>
          <div class="withoutchild">
          <?php foreach ($mitem['children'] as $mildren) { ?>
            <?php if (!$mildren['gchildren']) { ?>
            <div class="withchild"<?php if ($mitem['iwidth']) { ?> style="width: <?php echo $mitem['iwidth']; ?>px;"<?php } ?>>
              <a class="theparent" href="<?php echo $mildren['href']; ?>"><?php echo $mildren['name']; ?></a>
            </div>
            <?php } ?>
          <?php } ?>
          </div>
      <?php } else { ?>
          <?php foreach ($mitem['children'] as $mildren) { ?>
          <div class="withimage"<?php if ($mitem['iwidth']) { ?> style="width: <?php echo $mitem['iwidth']; ?>px;"<?php } ?>>
            <div class="image">
            <a href="<?php echo $mildren['href']; ?>"><img src="<?php echo $mildren['thumb']; ?>" alt="<?php echo $mildren['name']; ?>" title="<?php echo $mildren['name']; ?>" /></a>
            </div>
            <div class="name">
            <a class="nname" href="<?php echo $mildren['href']; ?>"><?php echo $mildren['name']; ?></a>
            <?php if ($mildren['gchildren']) { ?>
              <ul class="child-level">
              <?php foreach ($mildren['gchildren'] as $gmildren) { ?>
                <li><a href="<?php echo $gmildren['href']; ?>">+ <?php echo $gmildren['name']; ?></a></li>
              <?php } ?>
              </ul>
            <?php } ?>
            </div>
          </div>
          <?php } ?>
      <?php } ?>
      <?php } ?>
      </div>
      <?php if ($mitem['add'] || ($mitem['chtml'] && $mitem['chtml'] == 2)) { ?>
      <div class="menu-add">
        <?php if ($mitem['chtml'] && $mitem['chtml'] == 2) { ?>
        <?php echo $mitem['cchtml']; ?>
        <?php } else { ?>
        <a <?php if ($mitem['addurl']) { ?>href="<?php echo $mitem['addurl']; ?>"<?php } ?>><img src="image/<?php echo $mitem['add']; ?>" alt="<?php echo $mitem['name']; ?>" /></a>
        <?php } ?>
      </div>
      <?php } ?>
    </div>
    <?php } ?>
  </li>
  <?php } ?>
</ul>
</div>
<script type="text/javascript"><!--
$('#supermenu ul li.tlli').each(function () {if (this.getElementsByTagName("a")[0].href == location.href) this.className = "selected";});
//--></script>
<?php } ?>

ps стили мои вероятно вам придется править
pss не флуд в 1 сообщение не влезало

Non-Stop · 12 Фев 2015

Установил данный мод версию 2,1 на opencart 1.5.6
Проинсталлил в админке.. зашёл в админку мода.. создал пункты меню.. а на сайте меню не выводится..
ps инсталировал версию с vqmode

Помощь Активные кнопки меню в модуле Super Mega Menu

anfriska

Профессор

Bogdan1975

Создатель

anfriska

Профессор

Bogdan1975

Создатель

arsen

НЕрядовой

anfriska

Профессор

arsen

НЕрядовой

arsen

НЕрядовой

arsen

НЕрядовой

Non-Stop

Профессор