Поиск встроить в меню

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем DooM, 25.05.2015.

  1. DooM
    Offline

    DooM Недавно здесь

    Регистрация:
    25.05.2015
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте!Как сделать поиск в меню что было поле? http://95.134.112.118/joomla3/index.php/home что и меню и поиск были в одной линии, можно свой поиск, но смотрите в меню добавил, а тут только текст

    s_1432544846_6559712_d5639b12d2.jpg
     
  2.  
  3. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 055
    Симпатии:
    520
    Пол:
    Мужской
    Меню и поиск это два отдельных модуля нужно вывести.В блок для меню добавь позицию под модуль поиска
     
  4. DooM
    Offline

    DooM Недавно здесь

    Регистрация:
    25.05.2015
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    И как это сделать если не секрет?
     
  5. draff
    Offline

    draff Russian Joomla! Team Команда форума

    Регистрация:
    17.01.2011
    Сообщения:
    6 055
    Симпатии:
    520
    Пол:
    Мужской
    Шаблон prostostar Джумла 3
    Код (PHP):
    1. <?php if ($this->countModules('position-1') || $this->countModules('position-0'))  : ?>
    2. <nav class="navigation" role="navigation">
    3. <jdoc:include type="modules" name="position-1" style="none" />
    4. <jdoc:include type="modules" name="position-0" style="none" />
    5. </nav>
    6. <?php endif; ?>
     
  6. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Самое простое решение - это если сайт на Bootstrap:
    Код (html):
    1. <nav class="navbar navbar-default">
    2.     <div class="container-fluid">
    3.  
    4.         <!-- Brand and toggle get grouped for better mobile display -->
    5.         <div class="navbar-header">
    6.             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
    7.                 <span class="sr-only">Toggle navigation</span>
    8.                 <span class="icon-bar"></span>
    9.                 <span class="icon-bar"></span>
    10.                 <span class="icon-bar"></span>
    11.             </button>
    12.             <a class="navbar-brand" href="#">Brand</a>
    13.         </div>
    14.  
    15.         <!-- Collect the nav links, forms, and other content for toggling -->
    16.         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    17.            <jdoc:include type="modules" name="inlineTop" style="html5"  />
    18.         </div>
    19.  
    20.     </div>
    21. </nav>

    Далее создаём модуль "меню", выбираем позицию "inlineTop" и указываем суффикс класса модуля "nav navbar-nav".
    Дальше создаём меню "Поиск", выбираем позицию "inlineTop" и указываем суффикс класса модуля "navbar-form navbar-left".
     

Поделиться этой страницей

Загрузка...