Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Featured Replies

Posted

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

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

<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>

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

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

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}}

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

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

up.

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

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

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

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

@andros0789

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

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

 

FullSizeRender.MOV  

 

FullSizeRender.MOV

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.