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

Тема в разделе "Opencart", создана пользователем anfriska, 27 окт 2013.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. anfriska

    anfriska Постоялец

    Регистр.:
    3 окт 2013
    Сообщения:
    111
    Симпатии:
    31
    В 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 } ?>


    код css файла catalog/view/theme/supermenu/supermenu.css
    Код:
    #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;
    }


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

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

    Но как это прописать в tpl, я не знаю :(
     
  2. Bogdan1975

    Bogdan1975 Создатель

    Регистр.:
    28 ноя 2012
    Сообщения:
    48
    Симпатии:
    6
    А сейчас какого цвета кнопка?
    Вы бы ссылочку сбросили ...
    По логике нужно менять этот код:
    Код:
    #supermenu ul li a.tllactive 
    { padding-left: 20px; 
    background: #000; 
    }
    Ну а класс tllactive может присваиваться не при выводе из php, а потом посредством JavaScript
     
  3. anfriska

    anfriska Постоялец

    Регистр.:
    3 окт 2013
    Сообщения:
    111
    Симпатии:
    31
    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 классу будет не на что реагировать
     
  4. Bogdan1975

    Bogdan1975 Создатель

    Регистр.:
    28 ноя 2012
    Сообщения:
    48
    Симпатии:
    6
    ну судя по css класс должен быть не "tlli active", a "tllactive" и присваивать его нужно не тегу <li>, а вложенному в него тегу <a>
    Для того, что бы сделать это в tpl, нужно понимать какие переменные передает в него контроллер
     
  5. arsen

    arsen НЕрядовой

    Регистр.:
    16 июн 2011
    Сообщения:
    855
    Симпатии:
    305
    Удалось ли решить проблему,сейчас сам с ней копаюсь не могу разобраться
    пробую использовать active в разных комбинациях
     
    Последнее редактирование: 3 фев 2014
  6. anfriska

    anfriska Постоялец

    Регистр.:
    3 окт 2013
    Сообщения:
    111
    Симпатии:
    31
    Пока не решила. Только что начала работать над новым сайтом. Дойду до меню, поду пробовать решить проблему.
     
  7. arsen

    arsen НЕрядовой

    Регистр.:
    16 июн 2011
    Сообщения:
    855
    Симпатии:
    305
    пока узнал только что через js решать придется
    active не прокатит
     
  8. arsen

    arsen НЕрядовой

    Регистр.:
    16 июн 2011
    Сообщения:
    855
    Симпатии:
    305
    сделал это с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;
    }
    
    
     
  9. arsen

    arsen НЕрядовой

    Регистр.:
    16 июн 2011
    Сообщения:
    855
    Симпатии:
    305
    это 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 сообщение не влезало
     
    anfriska нравится это.
  10. Non-Stop

    Non-Stop

    Регистр.:
    9 июл 2007
    Сообщения:
    323
    Симпатии:
    25
    Установил данный мод версию 2,1 на opencart 1.5.6
    Проинсталлил в админке.. зашёл в админку мода.. создал пункты меню.. а на сайте меню не выводится..
    ps инсталировал версию с vqmode