Перейти к содержанию
komradveider

[Решено] Доработать главное верхнее меню. ОС Version 2.2.0.0 (rs.2)

Рекомендуемые сообщения

Доработать главное верхнее меню в мобильной версии сайта http://shop.skysignal.ru/    .  В общем в верхнее меню вставлено много ссылок на статьи , и есть две кнопки "Телевидение" и "Интернет" если на них нажать при просмотре сайта на большом мониторе , то выпадет менюшка с ссылками на  статьи ----  тут все нормально ,но когда меню сворачивается при просмотре сайта с мобильного устройства то эти менюшки с ссылками на статьи не работают. Надо сделать чтоб на мобильном устройстве работала менюшка и показать мне как это делать , чтоб я потом смог сам такие еще менюшки вставить ....  

Вот как я вставил эти менюшки в файле     header.tpl    ;






</header>
<?php if ($categories) { ?>
<div class="container">
  <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
     
      <ul class="nav navbar-nav">
      <li class="dropdown"><a href="http://shop.skysignal.ru">Главная</a></li>
      
      
       <li class="dropdown"><a href="">Интернет</a><div class="dropdown-menu">
            <div class="dropdown-inner">
                            <ul class="list-unstyled">
                                <li><a href="http://shop.skysignal.ru/10-usilenie-3g4g-i-wi-fi.html">Интернет 3G-4G</a></li>
                                <li><a href="http://shop.skysignal.ru/1-sputnikovyy-internet-kitenet.html">Спутниковый интернет «KiteNet»</a></li>
                              <li><a href="http://shop.skysignal.ru/36-sputnikovyy-internet-ot-trikolor-tv.html">Спутниковый интернет Триколор</a></li>
                              </ul>
                          </div></div></li>
                          
                          
                          
                          <li class="dropdown"><a href="#">Телевидение</a><div class="dropdown-menu">
            <div class="dropdown-inner">
                            <ul class="list-unstyled">
                                <li><a href="http://shop.skysignal.ru/8-sputnikovoe-televidenie-trikolor-tv.html">Спутниковое Триколор</a></li>
                                <li><a href="http://shop.skysignal.ru/20-ustanovka-montazh-sputnikovogo-televideniya-ntv.html">Спутниковое НТВ плюс</a></li>
                              <li><a href="http://shop.skysignal.ru/9-cifrovoe-efirnoe-televidenie.html">Эфирное цифровое</a></li>
                              <li><a href="http://shop.skysignal.ru/18-nastroyka-antenn-ntv-i-trikolor-tv.html">Настройка антенн</a></li>
                              </ul>
                          </div></div></li>
                          
                          <li class="dropdown"><a href="http://shop.skysignal.ru/24-usilenie-gsm-signala.html">Усиление GSM сигнала</a></li>
                          
                          
                          
                          
        <?php foreach ($categories as $category) { ?>
        <?php if ($category['children']) { ?>
        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>
          <div class="dropdown-menu">
            <div class="dropdown-inner">
              <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
              <ul class="list-unstyled">
                <?php foreach ($children as $child) { ?>
                <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
                
                
                
                
                <?php } ?>
                
                
                          
                          
              </ul>
              
              
              
              <?php } ?>
            </div>
            <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div>
        </li>
        <?php } else { ?>
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
        <?php } ?>
        <?php } ?>
        
        <li class="dropdown"><a href="">Доставка и оплата</a></li>
                          <li class="dropdown"><a href="">Обратная связь</a></li>
                          <li class="dropdown"><a href="">Статьи</a></li>
      </ul>
      
      
      
    
    
    </div>
    
  </nav>
</div>
<?php } ?>



2017_04_17_16_47_08.png

Изменено пользователем Skunk
[spoiler] [code]

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Так по аналогии посмотрите же

Как сделано с категориями

 

 

Например, к ссылке

<a href="#">Телевидение</a>

Добавьте

class="dropdown-toggle" data-toggle="dropdown"

вот так

<a href="#" class="dropdown-toggle" data-toggle="dropdown">Телевидение</a>

 

Изменено пользователем unknown

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

БЛин , ура !!!! Работает !!!! Спасибо !!! 

Изменено пользователем Skunk
overquote deleted

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.