0 Пользователей и 1 Гость просматривают эту тему.
  • 17 Ответов
  • 1081 Просмотров
*

Игарь

  • Захожу иногда
  • 95
  • 0 / 0
Всем доброго времени суток,
на днях опять занимался немного с сайтом.
Добавил на сайт некоторые пункты предусмотренные законом и получилось так что они не влезли в навигационное меню (Protostar, позиция 1).
Решил открыть второе меню под позицией "Banner".

Теперь получается так что в мобильной версии главное меню в позиции 1 отображается как гамбургер-меню, а в позиции 3 как столбик отдельных тем.
Гамбургер конечно не эталон красоты но всё же выглядит лучше, как мне кажется.



Может кто знает как сделать что бы меню в позиции 3 так же отображаловь в виде гамбургера?



Скрин (мобильная версия): _https://www.builder-upload.eu/bild-103e7b-1588334937.jpg.html
Скрин (Main Menu - Backend): _https://www.builder-upload.eu/bild-0b35e5-1588334987.png.html
Скрин (Lower Menu - Backend): _https://www.builder-upload.eu/bild-5399e8-1588335016.png.html

Сайт: _https://www.fechtbedarf-bajtinger.de/



Заранее спасибо,
Игарь
« Последнее редактирование: 02.05.2020, 15:34:53 от Игарь »
*

Игарь

  • Захожу иногда
  • 95
  • 0 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #1 : 03.05.2020, 16:36:42 »
Да уж, как я понимаю - "спасение утопающих дело рук самих утопающих"  :P

Ну а если откопировать в шаблоне (навигацию) позицию 1 под позицию баннер и перенести нижнее меню (из позиции 3) в неё?
Как думаете будет мне гамбургер в мобильной версии?
*

Игарь

  • Захожу иногда
  • 95
  • 0 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #2 : 03.05.2020, 17:04:58 »
Сделал сейчас только так:
1. Откпировал в index.php код первой позиции под баннер и назвал её позицией 100.
   <?php if ($this->countModules('position-100')) : ?>
   <nav class="navigation" role="navigation">
      <div class="navbar pull-left">
         <a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
            <span class="element-invisible"><?php echo JTEXT::_('TPL_PROTOSTAR_TOGGLE_MENU'); ?></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
         </a>
      </div>
      <div class="nav-collapse">
         <jdoc:include type="modules" name="position-100" style="none" />
      </div>
   </nav>
        <?php endif; ?>

2. Прописал в templateDetails.xml под баннер позицию 100.
   <position>position-100</position>

3. Прописал в коце файла template.css следующее
    .position-1000 {
      margin-left:15px;
      margin-top:4px;
    }

По пункту 3, почему именно так?
Тупо скопировал вот тут _https://joomlaforum.ru/index.php/topic,302875.0.html с тем что бы посмотреть будет ли второй гамбургер.



Да, второй гамбургер появился _https://ibb.co/JsgNQH2
НО (;D) он на ПК открывается одновременно с верхним а на телефое вообще не открывается.
Т.е. вместо его открывается верхний.



Такие пироги.
Даже стесняюсь спросить ...... может кто подсказать, как довести до ума?
*

Игарь

  • Захожу иногда
  • 95
  • 0 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #3 : 08.05.2020, 14:40:32 »
Ребят как перебить класс "nav-collapse" и data-target-Attribut?
Посоветовали на другом форуме, а как не сказали.... :dry:
*

Biss

  • Давно я тут
  • 972
  • 101 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #4 : 09.05.2020, 16:48:01 »
Нужно менять data-toggle="моё меню" data-target="моё меню"
Ну и соответственно id="моё меню" в контейнере этого навигационного меню
*

Игарь

  • Захожу иногда
  • 95
  • 0 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #5 : 09.05.2020, 19:38:06 »
Нужно менять data-toggle="моё меню" data-target="моё меню"
Ну и соответственно id="моё меню" в контейнере этого навигационного меню



Большое спасибо, я уже думал что никто так и не отзовётся.
Я если честно о сих пор только CSS-ки крутил и не знаю как обрабатывать контейнеры меню.
Я так понимаю, это доработка кода HTML?
Т.е. вот тут ?
Скрин: _https://ibb.co/DbT1H9W
*

Biss

  • Давно я тут
  • 972
  • 101 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #6 : 10.05.2020, 08:14:03 »
я написал что поменять нужно, если вам сложно то могу могу сделать через ftp, или давайте файл индекс шаблона
*

gartes

  • Завсегдатай
  • 1705
  • 131 / 5
  • Е = mс²
Re: Гамбургер меню в мобильой версии
« Ответ #7 : 10.05.2020, 09:44:06 »
Простите меня конечно.
вот так по-моему ненормально 3 дня обсуждаем обычное меню
Ну либо вы найдите кого-то либо вы не можете то просто Вы должны понять что есть
Небольшая разница между тем чтобы потратить кучу времени и разобраться самому или заплатить денег кому-то и Вам помогут разобраться и объяснят

как это у вас есть варианты Вы можете выбирать В любом случае и так и так Вам помогут

!! но Задумайтесь а то сколько вы потратите время Хорошего вам дня

аа
*

Игарь

  • Захожу иногда
  • 95
  • 0 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #8 : 10.05.2020, 17:21:46 »
я написал что поменять нужно, если вам сложно то могу могу сделать через ftp, или давайте файл индекс шаблона

Пасиб.
Дело в том что я таких параметов даже не нахожу в index.php шаблона.
(Файл переименовал из .php в .txt а то система ругается)


Да, забыл сообщить - это уже манипулированный файл.
Т.е. под пунктом Banner уже стоит копия position-1, переименованная в position-15.
« Последнее редактирование: 11.05.2020, 11:53:24 от Игарь »
*

Игарь

  • Захожу иногда
  • 95
  • 0 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #9 : 11.05.2020, 14:49:41 »
Я не понимаю, это мильно сложный вопрос и его на самом деле никто не знает как решить?
Или просто принципиально никто не помогает?  :dry:


@gartes, к чему видео?
*

Игарь

  • Захожу иногда
  • 95
  • 0 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #10 : 11.05.2020, 19:14:51 »
Касательно адресации до контейнера....
Так ведь нижнее меню открывается с правильным содержимым.....
Т.е. контейнер подвязан.


Вопрос в том что бы гамбургеры открывались независимо друг от друга а не как сейчас синхронно.
*

sivers

  • Завсегдатай
  • 1727
  • 237 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #11 : 11.05.2020, 19:30:26 »
Что-то не видно второго на сайте. На скрине видел, но на сайте только один.
На связи в телеге @sivers
https://sivers.su/
*

AlexB

  • Завсегдатай
  • 1973
  • 54 / 2
Re: Гамбургер меню в мобильой версии
« Ответ #12 : 11.05.2020, 19:54:09 »
Я не понимаю, это мильно сложный вопрос и его на самом деле никто не знает как решить?
Или просто принципиально никто не помогает?  :dry:


@gartes, к чему видео?
Используйте простл модуль адаптивного меню( их много на JED)
Для вывода вашего меню
Писал как самое простое решение в другом вашем посте, если с программингом не дружите
*

Игарь

  • Захожу иногда
  • 95
  • 0 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #13 : 11.05.2020, 23:37:21 »
@AlexB, спасибо за совет. Адаптивное меню - это хорошо. Но так меню то у меня 2.

@sivers, да, я пока что отключил второе что бы не распугивать поситителей.
Поставить назад? Там просто на самом деле ничего кроме того что я внёс в index.php и templateDetails.xml
*

Biss

  • Давно я тут
  • 972
  • 101 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #14 : 12.05.2020, 01:09:29 »
Это кусок для двух меню. Попробуйте разобраться  ^-^ и обратите внимание на data-target и добавленных id
Код
			<?php if ($this->countModules('position-1')) : ?>
<nav class="navigation" role="navigation">
<div class="navbar pull-left">
<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#first_menu">
<span class="element-invisible"><?php echo JTEXT::_('TPL_PROTOSTAR_TOGGLE_MENU'); ?></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
</div>
<div class="nav-collapse" id="first_menu">
<jdoc:include type="modules" name="position-1" style="none" />
</div>
</nav>
<?php endif; ?>
            <?php if ($this->countModules('position-1')) : ?>
<nav class="navigation" role="navigation">
<div class="navbar pull-left">
<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#last_menu">
<span class="element-invisible"><?php echo JTEXT::_('TPL_PROTOSTAR_TOGGLE_MENU'); ?></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
</div>
<div class="nav-collapse" id="last_menu">
<jdoc:include type="modules" name="position-1" style="none" />
</div>
</nav>
<?php endif; ?>
*

AlexB

  • Завсегдатай
  • 1973
  • 54 / 2
Re: Гамбургер меню в мобильой версии
« Ответ #15 : 12.05.2020, 06:33:38 »
@AlexB, спасибо за совет. Адаптивное меню - это хорошо. Но так меню то у меня 2.

@sivers, да, я пока что отключил второе что бы не распугивать поситителей.
Поставить назад? Там просто на самом деле ничего кроме того что я внёс в index.php и templateDetails.xml
Да хоть три
Это же просто модули
Ставите в нужную позицию
Выбираете какое меню выводить и все
*

Игарь

  • Захожу иногда
  • 95
  • 0 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #16 : 12.05.2020, 13:41:35 »
@Biss, большое спасибо. Всё работает  *DRINK*
@AlexB, тоже хорошая идея. Но с двумя намбургерами всё же проще.
*

Biss

  • Давно я тут
  • 972
  • 101 / 0
Re: Гамбургер меню в мобильой версии
« Ответ #17 : 12.05.2020, 14:25:23 »
Вот и замечательно.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Отображение модуля меню на странице материала

Автор kunsaid

Ответов: 9
Просмотров: 137
Последний ответ 21.07.2021, 10:50:29
от kunsaid
Несколько главных меню на разных страницах

Автор Egoritch

Ответов: 1
Просмотров: 96
Последний ответ 03.06.2021, 10:22:22
от draff
[РЕШЕНО]Скрыть пункт меню на мобильных устройствах

Автор lexxbry

Ответов: 13
Просмотров: 2229
Последний ответ 22.05.2021, 16:20:11
от PrimitiveFish
Как убрать из URL знак решётка, меню Bootstrap?

Автор leo78

Ответов: 1
Просмотров: 127
Последний ответ 14.05.2021, 11:43:07
от leo78
Ари екст меню - вывод не на всех страницах

Автор ssaich

Ответов: 16
Просмотров: 279
Последний ответ 20.04.2021, 06:25:33
от ssaich