Кнопка Вверх

Современный виджет кнопки «Наверх» для сайта на Diafan CMS. Аккуратная плавающая кнопка помогает пользователю быстро вернуться в начало страницы и делает навигацию по сайту удобнее, особенно на длинных страницах, в каталогах и статьях.

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

### Что умеет модуль

* Плавающая кнопка «Наверх»
* Появление кнопки при прокрутке страницы
* Плавная анимация появления и скрытия
* Настройка отдельных отступов для десктопа и мобильных устройств
* Выбор цвета кнопки под дизайн сайта
* Настройка размера кнопки
* Настройка радиуса скругления
* Адаптивная работа на мобильных устройствах
* Гибкие настройки в админке Diafan
* Легкий и быстрый фронтенд без лишней нагрузки

### Настройки в админке

В админке можно:

* включать и отключать кнопку;
* задавать отступы для десктопной версии;
* задавать отдельные отступы для мобильной версии;
* выбирать цвет кнопки под стиль сайта;
* настраивать размер кнопки;
* менять радиус скругления;
* выбирать позицию отображения на экране.

### Почему это удобно

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

Модуль помогает:

* сделать навигацию по сайту удобнее;
* улучшить пользовательский опыт на мобильных устройствах;
* упростить просмотр длинных страниц;
* сделать интерфейс сайта современнее и аккуратнее;
* повысить удобство взаимодействия с каталогом, блогом и посадочными страницами.

### Подходит для

* интернет-магазинов;
* корпоративных сайтов;
* услуг и лендингов;
* блогов и новостных разделов;
* каталогов товаров;
* студий и агентств;
* локального бизнеса;
* любых сайтов на Diafan CMS.

### Установка

Модуль легко устанавливается и подключается к сайту. Все основные параметры настраиваются через админку Diafan CMS без сложных доработок. Никаких лишних скриптов и перегруженного фронтенда — только удобная и аккуратная кнопка возврата наверх для ваших посетителей.

1. Скачиваем архив с модулем.
2. Заходим в раздел «Темы и дизайн» административной части DiafanCMS
3. Создаем новую тему с названием scrollup
4. В пункте «Импорт темы», нажимаем «Выбрать файл»
5. Выбираем скачанный архив с модулем
6. На странице редактирования темы жмём сохранить.
7. В разделе Настройки заходим в подраздел Модули и БД и устанавливаем галочку у появившегося модуля Кнопка Вверх
8. Производим настройку модуля, указываем нужные отступы, цвет и размеры
9. Разместите шаблонный тег в шаблоне сайта, например в footer.php