Jump to content

Добавление меню, в мобильную версию сайта.

Featured Replies

Друзья, подскажите пожалуйста.

Нашел такое меню, в ПК версию вставил все хорошо.

<li id="elNavSecondary_0" data-role="navBarItem" data-navapp="custom" data-navext="Menu" data-originalwidth="112.297">
                    <a href="#" id="elNavigation_0" data-ipsmenu="" data-ipsmenu-appendto="#elNavSecondary_0" data-ipsmenu-activeclass="ipsNavActive_menu" data-navitem-id="0" class="">
                        Тест <i class="fa fa-angle-down fa-lg"></i>
                    </a>
                           
                <ul id="elNavigation_0_menu" class="ipsMenu ipsMenu_auto ipsHide ipsMenu_bottomCenter" style="left: -28.8515px; top: 45px; position: absolute; z-index: 5050; opacity: 1; display: none;">
                            
                            <li class="ipsMenu_item">
                                <a href="/services/design/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/services/support/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/services/convert/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/services/dev/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/services/seo/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/services/content/">
                                    Тест
                                </a>
                            </li>
                        </ul></li>
              <li id="elNavSecondary_3" data-role="navBarItem" data-navapp="custom" data-navext="Menu" data-originalwidth="94.1719">
                    <a href="#" id="elNavigation_3" data-ipsmenu="" data-ipsmenu-appendto="#elNavSecondary_3" data-ipsmenu-activeclass="ipsNavActive_menu" data-navitem-id="3" class="">
                        Тест <i class="fa fa-angle-down fa-lg"></i>
                    </a>
                           
                <ul id="elNavigation_3_menu" class="ipsMenu ipsMenu_auto ipsHide ipsMenu_bottomCenter" style="left: 74.3828px; top: 45px; position: absolute; z-index: 5100; opacity: 1; display: none;" animating="false">
                            <li class="ipsMenu_item ourWorksItem">
                                <a href="/works/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item secondWorksItem">
                                <a href="/cases/auto/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/cases/crypto/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/cases/games/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/cases/business/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/cases/sport/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/cases/hobby/">
                                    Тест
                                </a>
                            </li>

                        </ul></li>
      <li id="elNavSecondary_2" data-role="navBarItem" data-navapp="custom" data-navext="Menu" data-originalwidth="108.125">
                    <a href="#" id="elNavigation_2" data-ipsmenu="" data-ipsmenu-appendto="#elNavSecondary_2" data-ipsmenu-activeclass="ipsNavActive_menu" data-navitem-id="2">
                        Тест <i class="fa fa-angle-down fa-lg"></i>
                    </a>
                        <ul id="elNavigation_2_menu" class="ipsMenu ipsMenu_auto ipsHide">
                            <div class="ipsFlex ipsFlex-jc:between">
                                <div>
                                    <li class="ipsMenu_item">
                                        <a href="/forums/">
                                            Тест
                                        </a>
                                    </li>
                                    <li class="ipsMenu_item">
                                        <a href="/news/">
                                            Тест
                                        </a>
                                    </li>
                                    
                                </div>
                                <div>
                                    <li class="ipsMenu_item">
                                        <a href="/files/">
                                            Тест
                                        </a>
                                    </li>
                                    <li class="ipsMenu_item">
                                        <a href="/apps/">
                                            Тест
                                        </a>
                                    </li>
                                </div>
                            </div>
                            <hr class="ipsHr">
                            
                                <div>
                                    <li class="ipsMenu_item">
                                        <a href="/documents/">
                                            Тест
                                        </a>
                                    </li>
                                </div>
                                <div>
                                    <li class="ipsMenu_item">
                                        <a href="/rus/">
                                            Тест
                                        </a>
                                    </li>
                                </div>
                                <div>
                                    <li class="ipsMenu_item">
                                        <a href="/stories/">
                                            Тест
                                        </a>
                                    </li>
                                </div>
                                <div>
                                    <li class="ipsMenu_item">
                                        <a href="/pay/">
                                            Тест
                                        </a>
                                    </li>
                                </div>
                                <div>
                                    <li class="ipsMenu_item">
                                        <a href="#">
                                            Тест
                                        </a>
                                    </li>
                                </div>


                            
                        </ul>   
                </li>
      <li id="elNavSecondary_1" data-role="navBarItem" data-navapp="custom" data-navext="Menu" data-originalwidth="110.594">
                    <a href="#" id="elNavigation_1" data-ipsmenu="" data-ipsmenu-appendto="#elNavSecondary_1" data-ipsmenu-activeclass="ipsNavActive_menu" data-navitem-id="3">
                        Тест <i class="fa fa-angle-down fa-lg"></i>
                    </a>
                        <ul id="elNavigation_1_menu" class="ipsMenu ipsMenu_auto ipsHide">
                            <li class="ipsMenu_item">
                                <a href="/feedback/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/job/">
                                    Тест
                                </a>
                            </li>
                            <li class="ipsMenu_item">
                                <a href="/contact/">
                                    Тест
                                </a>
                            </li>
                        </ul>   
                </li>

А в мобильную версию, не получается сделать.

Прошу вашей помощи.)

Link to comment
https://ipbmafia.ru/topic/24718-dobavlenie-menyu-v-mobilnuyu-versiyu-sajta/
Share on other sites

Anche лучше в спойлер брать. Тяжело проматывать

Anche В шаблоне  front > global > mobileNavigation.html

Найти

{{if \IPS\Member::loggedIn()->member_id}}
	<li>
	<a data-action="markSiteRead" data-controller="core.front.core.markRead" href='{url="app=core&module=system&controller=markread" seoTemplate="mark_site_as_read" csrf="true"}'>{lang="mark_site_read_button"}</a>
	</li>
	<li>
	<a href='{url="app=core&module=system&controller=login&do=logout" csrf="true"}'>
	{{if isset( $_SESSION['logged_in_as_key'] )}}{lang="switch_to_account" sprintf="$_SESSION['logged_in_from']['name']"}{{else}}{lang="sign_out"}{{endif}}
	</a>
	</li>
{{endif}}

И перед ним вставить свой код.

AHristich 

Меню появилось, но оно не работает.

Не открываюся эти подкатегории.(

15 часов назад, Anche сказал:

up.

для начала сделайте ссылку в профиле на свой сайт. Понять в чем проблема можно зайдя на него.

Далее расскажите почему у вас не работает или не устраивает стандартное меню мобильной версии с работающими изначально подменю и тд.

Далее в сети есть огромное количество готовых решений в виде HTML+CSS. Копируете код, вставляете в шаблон , который Вам указали в комментарии выше, а стиль вставляете в custom.css

@andros0789

стандартное меню работает.

Я хочу вывести дополнительное меню. В шаблон я его вставил, но подменю не открываются.

 

 

8 минут назад, Anche сказал:

@andros0789

стандартное меню работает.

Я хочу вывести дополнительное меню. В шаблон я его вставил, но подменю не открываются.

 

FullSizeRender.MOV  

 

FullSizeRender.MOV

А в чем проблема создать дополнительное через админку в разделе Меню и добавить подкатегории через "Добавить стороннюю ссылку"?
И у вас скопирован и вставлен код с активным меню - 

ipsNavActive_menu

@andros0789

Основное меню уже все забито.

Поэтому и добавил стороннее меню.

17 часов назад, andros0789 сказал:

А в чем проблема создать дополнительное через админку в разделе Меню

Об этом можно поподробнее,КАК можно в Менеджере меню создать ЕЩЕ одно,доп.меню (про добавление ссылок я в курсе как делается)?

Anche Вам совет. Если вы решили "взять" с другого сайта  меню, то копируйте через инспектора в браузере ВЕСЬ код,с помощью которого выводится это самое меню.

aLEX49566 А вот вместо того чтобы смеяться,подсказали бы,вдруг я что-то в админке пропустил и не знаю...

Anche Забыл сказать. Не стесняйтесь посещать и читать статьи по движку.

Что касается вашего меню вся информация ЗДЕСЬ и ЗДЕСЬ (только до Переназначение URL-адресов из пунктов меню).Сразу скажу что статьи взаимосвязаны.

1 час назад, AHristich сказал:

а я ведь говорил, что левые ссылки тут блокируются. 

1 час назад, by_ix сказал:

а я ведь говорил, что левые ссылки тут блокируются. 

Епрст,забыл.1-я https://invisionbyte.ru/docs/custom/css/vypadayuschie-menyu-r190/ ,2-я https://invisionbyte.ru/docs/custom/javascript/ipsuimenu-r210/

13 минут назад, AHristich сказал:

У меня форум слетел)

Теперь вообще не до меню.

Спасибо тебе.

6 минут назад, Anche сказал:

У меня форум слетел)

С катушек ?

16 часов назад, AHristich сказал:

Об этом можно поподробнее,КАК можно в Менеджере меню создать ЕЩЕ одно,доп.меню (про добавление ссылок я в курсе как делается)?

где и кто задает вопрос по созданию ЕЩЕ одного меню? Вопрос задавался как в мобильной версии вывести свое меню? Ни как добавить к уже имеющемуся, а именно вывести м мобильной версии свое меню (код).

Было разъяснение о том, что можно создать нормальное меню многоуровневое через админку в соответствующем разделе и не изобретать велосипед. просто видно , что человек далековат от истины.

В 11.08.2022 в 16:46, andros0789 сказал:

А в чем проблема создать дополнительное через админку в разделе Меню и добавить подкатегории через "Добавить стороннюю ссылку"?
И у вас скопирован и вставлен код с активным меню - 

ipsNavActive_menu

По логике вашего совета,в АЦ есть функционал по созданию,кроме главного меню,  еще и доп.меню в котором можно и подкатегории создавать ! И это сказали вы !!! Переобуваться не надо на ходу !

А какой вопрос был задан в теме я и сам в курсе.

 

10 часов назад, AHristich сказал:

По логике вашего совета,в АЦ есть функционал по созданию,кроме главного меню,  еще и доп.меню в котором можно и подкатегории создавать ! И это сказали вы !!! Переобуваться не надо на ходу !

А какой вопрос был задан в теме я и сам в курсе.

 

ты за переобуваниями смотритель на форуме? Или советы раздаешь? 

 

10 часов назад, AHristich сказал:

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

Дополнительное-это значит НЕ ЕЩЕ ОДНО МЕНЮ! А дополнительные вкладки меню, которых нет после установки движка! Для тугих и до*****ся до слов, "читаешь книгу-видишь фигу!"

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.