• Добро пожаловать на сайт - wlux.net!

    FAQ по форуму

    1. Все сообщения до группы местный проходят модерацию от 1 минуты до 24 часа

    2. Сообщения учитываются в следующих разделах: Читать

    3.Что-бы скачать вложение нужно 2 сообщения.

    4.Личные переписки не работают на форуме

    5. Запрещено: Просить скрытый текст , спам, реклама, скам, ддос, кардинг и другая чернуха, нарушать любые законы РФ/СНГ = бан аккаунта

    6. Внимание! Мы не удаляем аккаунты с форума! Будьте внимательны ДО регистрации! Как удалить аккаунт на форуме?!

    5.Не понимаю, как и что тут работает у вас?!Как создавать темы, писать сообщения, как получать реакции. Почему не засчитывает сообщения. Все ответы здесь

This is a mobile optimized page that loads fast, if you want to load the real page, click this text.

Скрипт Гайд Виджет "Меню быстрого доступа"

Оффлайн

wlux.net

Где волчьи уши, там волчьи зубы.
Команда форума
LV
7
 
20.06.2022
27 077
230
36
Награды
10
Пол
Муж.

Репутация:

  • Автор темы
  • Администратор
  • Модератор
  • Команда форума
  • #1


Для отвергающих плагины.
Создаем HTML виджет:
Ключ виджета: quick_access_menu
Заголовок: Меню быстрого доступа
Позиции для отображения: Список разделов: Боковая панель 30
Шаблон:
HTML:
<xf:css>
    .block.quick-access-menu i {
        margin-right: 5px;
    }
    .block.quick-access-menu .button {
        max-width: 350px;
        margin: 10px auto;
    }
    .block.quick-access-menu .b-row :first-child {
        margin-top: 5px;
    }
    .block.quick-access-menu .b-row :last-child {
        margin-bottom: 5px;
    }     
</xf:css>

<xf:set var="$quickAccessMenuIcon" value="fa-bars" />
<xf:set var="$quickAccessMenuButton" value="button--link" />

<div class="block quick-access-menu"{{ widget_data($widget) }}>
    <div class="b-container">
        <h3 class="b-minorHeader">
            <xf:if is="{$quickAccessMenuIcon}">
                <xf:fa icon="{$quickAccessMenuIcon}" />
            </xf:if>
            <xf:if is="{$xf.language.language_code} == 'ru-RU'">
                Меню быстрого доступа
            <xf:else />
                Quick access menu
            </xf:if>
        </h3>
        <div class="b-body b-row">
            <xf:button href="#" class="{{ $quickAccessMenuButton ? $quickAccessMenuButton : '' }} button--fullWidth">
                <xf:if is="{$xf.language.language_code} == 'ru-RU'">
                    Первый пункт
                <xf:else />
                    First item
                </xf:if>
            </xf:button>
            <xf:button href="#" class="{{ $quickAccessMenuButton ? $quickAccessMenuButton : '' }} button--fullWidth">
                <xf:if is="{$xf.language.language_code} == 'ru-RU'">
                    Второй пункт
                <xf:else />
                    Second item
                </xf:if>
            </xf:button>
            <xf:button href="#" class="{{ $quickAccessMenuButton ? $quickAccessMenuButton : '' }} button--fullWidth">
                <xf:if is="{$xf.language.language_code} == 'ru-RU'">
                    Третий пункт
                <xf:else />
                    Third item
                </xf:if>
            </xf:button>
            <xf:button href="#" class="{{ $quickAccessMenuButton ? $quickAccessMenuButton : '' }} button--fullWidth">
                <xf:if is="{$xf.language.language_code} == 'ru-RU'">
                    Четвертый пункт
                <xf:else />
                    Fourth item
                </xf:if>
            </xf:button>
        </div>
    </div>
</div>

Галочка Расширенный режим

Для изменения иконки заголовка в строке:



изменяем fa-bars на свою

Пожалуйста, войдите или зерегистрируйтесь, чтобы увидеть скрытый текст.

или оставить пустым, иконки не будет.
Для изменения внешнего вида кнопок в строке:

изменяем button--link на другой класс, можно использовать классы: button--primary, button--cta или оставить пустым, будет кнопка по дефолту.
Предусмотрено использование русского и английского языков для заголовка виджета и пунктов меню.
Пункт меню находится от тега: <xf:button до </xf:button>
 

Поиск по форуму

Данный сайт использует cookie. Вы должны принять их для продолжения использования. Узнать больше....