Меню с прокруткой к блокам

Чтобы сделать на сайте меню, с возможностью прокрутки по клику к соответствующим блокам на главной странице сайта (по типу Landing page), в настройках темы, в разделе «Общие. Шапка (Header) сайта», необходимо выбрать правило формирования меню как: Сайт > Блоки > {$wa->block("site.landing.menu")}.

Далее необходимо создать блок в разделе «Сайт» - «Блоки», с ID site.landing.menu, в нем добавить ссылки на соответствующие блоки. Обратите внимание у каждого блока свой индификатор именно по нему и осуществляется прокрутка:

<li class="nav-item">
    <a href="#feature" class="nav-link">Почему мы</a>
</li>

<li class="nav-item">
    <a href="#portfolio" class="nav-link">Портфолио</a>
</li>

<li class="nav-item">
    <a href="#reviews" class="nav-link">Отзывы</a>
</li>

<li class="nav-item">
    <a href="#services" class="nav-link" class="nav-link">Услуги</a>
</li>

<li class="nav-item">
    <a href="#team" class="nav-link">Наша команда</a>
</li>

<li class="nav-item">
    <a href="#news" class="nav-link">Новости</a>
</li>

<li class="nav-item">
    <a href="#about" class="nav-link">О компании</a>
</li>


Опубликовано: 28 января 2020

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


    Добавить комментарий

    Чтобы добавить комментарий, зарегистрируйтесь или войдите