Jump to content

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

Maqlao
Maqlao
in Invision Community 4 Support

Featured Replies

Posted
comment_184841

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

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

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

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

  • Цитата
    • Author
    comment_184863

    up.

  • Цитата
    comment_184876

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

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

  • Цитата
    • Author
    comment_184882

    AHristich 

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

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

  • Цитата
    comment_184886
    15 часов назад, Anche сказал:

    up.

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

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

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

  • Цитата
    • Author
    comment_184887

    @andros0789

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

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

     

     

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

    @andros0789

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

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

     

    FullSizeRender.MOV  

     

    FullSizeRender.MOV

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

    ipsNavActive_menu
  • Цитата
    • Author
    comment_184893

    @andros0789

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

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

  • Цитата
    comment_184977
    17 часов назад, andros0789 сказал:

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

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

  • Цитата
    comment_184978

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

  • Цитата
    comment_184981

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

  • Цитата
    comment_184987

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

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

  • Цитата
    comment_184999
    1 час назад, AHristich сказал:

    ЗДЕСЬ и ЗДЕСЬ

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

  • Цитата
    comment_185005
    1 час назад, by_ix сказал:

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

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

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

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

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

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

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

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

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

    С катушек ?

  • Цитата
    • Author
    comment_185008
    Только что, AHristich сказал:

    С катушек ?

    https://ipbmafia.ru/topic/24721-perehod-na-drugoy-hosting-oshibka/

  • Цитата
    comment_185044
    16 часов назад, AHristich сказал:

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

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

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

  • Цитата
    comment_185055
    В 11.08.2022 в 16:46, andros0789 сказал:

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

    ipsNavActive_menu

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

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

     

  • Цитата
    comment_185065
    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
    Ответить в этой теме...
    Go to topic listing

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

    • No registered users viewing this page.