prostore.wa_apps – замена wa-apps() меню

В настройках темы есть такие опции: Меню страниц в сайдбаре, в самом низу данного раздела настроек есть опция WA-APPS меню

Благодаря этой опции можно выводить wa-apps() меню до списка страниц или после.


Где редактировать wa-apps() меню

По умолчанию wa-apps меню выводит все приложения, на которые у вас настроена маршутизация.
Иными словами все приложения, которые у вас установлены, и на которые можно попасть, на которые есть ссылки.

Содержимое и порядок этого меню можно редактировать.
Для этого нужно пройти в приложение сайт - настройки - wa-apps() меню - настроить.

Недостаток wa-apps() меню

Недостатком wa-apps() меню является его ограниченность – нет контроля над кодом.
Из-за этого невозможно поставить иконки в пункты меню, или сделать так, чтобы ссылка открывалась в новом окне, например.

Чтобы обойти ограничения wa-apps() меню и сделать красивое меню с иконками, в теме предусмотрен специальный блок – prostore.wa_apps

Как выглядит блок prostore.wa_apps

Для начала блок prostore.wa_apps нужно создать.
Как это сделать вы можете прочитать в этой инструкции.

В демо-версии темы блок и его содержимое выглядят так:

{strip} {/strip} – это смарти-теги, которые всё, что между ними, выводят в одну строку, удаляя все пустые строки и пробелы.
Благодаря этому можно чуть-чуть сократить объём выводимого кода.

Код prostore.wa_apps

Вы можете взять за основу этот код и вставить его между тегами {strip} {/strip}

<li{if $wa->currentUrl() == '/site/'} class="active"{/if}>
    <a href="/site/"><i class="nav_icon fa fa-globe"></i> Сайт</a>
</li>

Затем изменить данный код под себя.

Нюансы по использованию блока

  • Чтобы добавить второй пункт меню, скопируйте данный код второй раз и замените ссылки и классы иконок на свои.
  • Чтобы подсветка меню работала, в атрибуте href нужно указывать относительную ссылку (т.е. без домена), а не абсолютную (с доменом).
    Например, если вы хотите поставить ссылку на страницу о нас, которая имеет адрес vash-domen.ru/site/about/ , то нужно в атрибуте href указывать значение "/site/about/"
  • Значение в href и в условии {if $wa->currentUrl() == '/site/'} должны совпадать. Т.е. для примера выше, значение в условии должно быть:
    {if $wa->currentUrl() == '/site/about/'}
  • Вы можете поставить любую иконку от fontAwesome.io или от webhostinghub.com
    Например, так должен выглядеть код иконки от fontAwesome:
    <i class="nav_icon fa fa-globe"></i>
    А так должен выглядеть код иконки от webhostinghub.com: <i class="nav_icon icon-bank"></i>

    Т.е. класс nav_icon всегда должен быть в коде иконки, всё остальное меняется в зависимости от "провайдера" иконок и от имени самой иконки.
  • Блок prostore.wa_apps полностью заменяет собой wa-apps() меню из настроек приложения сайт.
    Если в теме создан данный блок, то wa-apps() меню выводится не будет.
    Чтобы снова увидеть wa-apps() меню, вам нужно либо удалить этот блок, либо переименовать его.
    Я рекомендую переименовывать, добавляя перед названием блока _нижнее подчёркивание.
    Так вам будет понятно, что это за блок, но в то же время он не будет распознан темой дизайна.


Владимир Сергеев
Разработчик
Последнее обновление: 27 января 2021
Эта статья была полезна?ДаНет

16 комментариев

  • Алексей
    4 января 2018 17:01

    Я создал блок, переименовал его. А как теперь его использовать?

    • Владимир Сергеев
      Разработчик
      4 января 2018 17:22

      Добавляйте в него ссылки по образцу.

      <li{if $wa->currentUrl() == '/site/'} class="active"{/if}>
          <a href="/site/"><i class="nav_icon fa fa-globe"></i> Сайт</a>
      </li>

      Эти ссылки у вас будут выводится вместо wa-apps меню.

    • Юрий
      6 января 2018 23:05

      Как убрать главную страницу?


    • Андрей
      13 февраля 2018 15:12

      Можно по подробнее написать где я могу поменять местами меню страницы на меню магазина в WA-APPS меню. А то из верхнего Вашего сообщения я не понял и не нашел этого чекбокса с выбором. Внизу у меня меню магазина, а логичнее было бы на оборот.

    • Андрей
      13 февраля 2018 15:48

      Владимир прошу помощи. Попробовал по добавлять разделы, а они более не удаляются ))). Ни как.

      Оно мне было нужно )))??!!! Чего я туда полез...

      • Владимир Сергеев
        Разработчик
        13 февраля 2018 18:47

        Нажатием по иконке кирпичика не удаляется пункт?
        Или удаляется, но на сайте изменений не видно?

        В первом случае вам нужно обратится в службу поддержки Webasyst.
        Во втором случае проверьте приложение Сайт - блоки - блок prostore.wa_apps
        Если данный блок есть, то изменения нужно вносить там.

        • Андрей
          13 февраля 2018 21:13

          нажатием на кнопку удаляется, но при сохранении все возвращается в прежнее состояние.

          • Владимир Сергеев
            Разработчик
            13 февраля 2018 21:20

            А... понял..
            Это особенность фреймворка. Нельзя оставить wa-apps меню совсем без пунктов.
            Вам нужно выбрать в настройках темы отображение только каталога товаров.


            • Владимир Сергеев
              Разработчик
              14 февраля 2018 17:57

              Не сразу увидел, что у вас не меню товаров, а меню страниц.
              Для отключения wa-apps меню в меню страниц есть отдельная опция.

            • Владимир Сергеев
              Разработчик
              16 февраля 2018 17:55

              Для отключения в сайдбаре такая же опция в настройках темы есть.

            • Андрей
              13 февраля 2018 22:28

              не сработало, у меня точно такие же настройки как на вашей картинке.

            • Михаил
              15 августа 2018 17:43

              Владимир, подскажите. А можно сделать меню таким образом, чтобы верхнее меню было выпадающим используя PROSTORE.WA_APPS. Просмотрел базу знаний и ничего не нашел...

              Что имею ввиду, сейчас можно формировать верхнее меню только плоское, требуется вместить в раздел много подразделов. Например, раздел О компании, должен вмещать подразделы 1.1 О нас, 1.2. Наша команда, 1.3 Отзывы о компании. При этом раздел О компании должен быть не активен, а перейти на соответствующие страницы можно будет только выбрав нужный раздел. 

              Вопрос очень актуален, т.к. нужно вместить много коммерческой информации разделив ее на разделы, а плашка ограничена

              • Владимир Сергеев
                Разработчик
                16 августа 2018 21:02

                Михаил, вы можете использовать подобный код:

                <li class="pro_collapse">
                    <a href="#" title="Страница"><i class="nav_icon fa fa-info"></i> Страница
                        <span class="switcher with_icons">
                            <i class="fa fa-angle-down" data-closed="fa-angle-down" data-opened="fa-angle-up"></i>
                        </span>
                    </a>
                    <ul class="dropdown-menu pro_collapsed">
                        <li class="">
                            <a href="#1" title="Подстраница 1">Подстраница 1</a>
                        </li>
                        <li class="">
                            <a href="#2" title="Подстраница 2">Подстраница 2</a>
                        </li>
                        <li class="">
                            <a href="#3" title="Подстраница 3">Подстраница 3</a>
                        </li>
                    </ul>
                </li>

              • Михаил
                20 августа 2018 15:51

                Владимир, сделал как указано. Все получилось. Но вот вопрос, почему на плашке еще много места, а часть меню уже спряталось под Ещё. Хотелось бы все уместить без скрытия


                • Владимир Сергеев
                  Разработчик
                  21 августа 2018 21:45

                  Там сетка.
                  Часть места зарезервировно для правой части панели для более узких экранов.

                  P.S.
                  Сейчас я занимаюсь переездом на другой сервер. Скорее всего, в ближайшие дни этот комментарий или топик удалятся.
                  Приношу извинения за возможные неудобства.


                  Добавить комментарий
                  Чтобы добавить комментарий, зарегистрируйтесь или войдите
                  Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
                  Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
                  Подписывайтесь и получайте скидки!

                  Узнавайте первым о скидках и специальных предложениях!