Новогодние украшения для сайта: готовое решение для праздничной атмосферы
Разработчики и владельцы интернет-проектов на платформе 1С-Битрикс регулярно стремятся повысить вовлеченность посетителей в праздничные периоды. Представленное решение «Новогодние украшения для сайта: гирлянда, снег, игрушки» представляет собой профессиональный модуль, который позволяет быстро интегрировать в интерфейс сайта сезонные декоративные элементы. Этот продукт создан для того, чтобы за считанные минуты преобразить внешний вид ресурса, добавив анимированные и статические украшения. Решение идеально подходит для кампаний, приуроченных к Новому году и Рождеству, и помогает привлечь внимание аудитории, создавая праздничное настроение без необходимости программировать анимацию вручную.
Модуль функционирует на ядре 1С-Битрикс и совместим с большинством популярных редакций CMS: от «Первого сайта» и «Старта» до «Бизнеса» и «Интернет-магазина + CRM». Разработчик гарантирует полноценную поддержку технологии Композит, что исключает негативное влияние на скорость загрузки страниц. Все элементы выполнены с учетом адаптивности — украшения корректно отображаются на любых устройствах, включая мобильные телефоны и планшеты, не перекрывая полезный контент. Модуль обновляется: версия 1.0.1 уже включает расширенные возможности, а в будущих апдейтах будут добавлены интерактивные виды гирлянд и снежинок.
После установки и активации решения (через админ-панель: Настройки — Настройки продукта — Настройки модулей) покупатель получает доступ к трем типам контента с гибкими параметрами:
- Гирлянда: доступна в статическом и анимированном режиме. Вы можете закрепить её по любой стороне экрана, а также настроить внешний вид. В будущих версиях появятся интерактивные элементы управления гирляндой.
- Снегопад: реалистичная имитация снега с настройкой скорости падения, плотности хлопьев и размера частиц. Это создает легкий эффект погружения без перегрузки процессора пользователя.
- Игрушки: возможность размещать отдельные новогодние шары и фигурки в абсолютно любом месте страницы. Положение, размер и прозрачность каждого элемента настраиваются индивидуально.
Данное решение ориентировано на всех владельцев коммерческих и некоммерческих сайтов на Битриксе, которые хотят оперативно украсить ресурс в преддверии праздников. Это может быть интернет-магазин с тематикой подарков, услуг или обычный корпоративный портал. Продукт особенно полезен маркетологам и веб-мастерам, ценящим скорость внедрения и безопасность: все украшения не мешают навигации и не нарушают пользовательское соглашение системы. Модуль подходит как для сайтов с высокой посещаемостью (благодаря композитной технологии), так и для небольших проектов, где важна простота настройки и визуальный эффект.
Модуль для 1С Битрикс позволяет добавить и настроить адаптивные украшения на сайте (гирлянды с анимацией и без, снегопад, новогодние игрушки), связанные с Новым годом и Рождеством. Украшения имеют аккуратные размеры и легко настраиваются под любые разрешения экрана,
не отнимая полезное пространство.
Функциональные характеристики:
- Гирлянда (с анимацией и статическая). Настройки расположения по любой из сторон экрана. По мере обновления решения, будут добавляться различные типы гирлянд, включая интерактивные элементы.
- Снегопад. Гибкая настройка имитации снега на вашем сайте (скорость, размер снежинок и плотность). Так же типы снега будут добавляться по мере обновления решения.
- Игрушки. Возможность установить различные игрушки в любом месте вашего сайта с гибкими настройками отображения.
Инструкция
Чтобы открыть настройки модуля, нужно перейти на страницу в административной части «1С Битрикс: Управление сайтом» : Настройки — Настройки продукта — Настройки модулей — Новогодние украшения для вашего сайта. Главная вкладка «Настройка модуля» позволяет включить или выключить сам модуль, сохраняя настройки. Вкладка «Настройка гирлянды» позволяет настроить ее внешний вид и расположение. Опция «Z-index» определяет положение декорации по оси Z (простыми словами: поверх других элементов или ниже их).

Вкладка «Настройка снегопада» аналогичным образом позволяет настроить декорацию снега. Рекомендуется настраивать таким образом, чтобы декорация не мешала просмотру веб-сайта с мобильных устройств.

Вкладка «Настройка игрушек» позволяет разместить различные новогодние игрушки на любых элементах сайта. Чтобы добавить игрушку, нажимаем кнопку «Добавить игрушку». Из предложенного списка, выбираем иконку игрушки. Далее необходимо указать места размещения выбранной игрушки — кнопка «Добавить место размещения».

В поле CSS-селектор потребуется указать уникальный селектор того элемента на сайте, на который необходимо повесить игрушку.
Чтобы это сделать, необходимо открыть любую страницу публичной части сайта
БЕЗ авторизации под администратором или редактором (в противном случае Битрикс добавит в публичную часть служебные селекторы, которые будут мешать). Это можно сделать с помощью открытия вкладки в режиме «Инкогнито» вашего браузера.
Далее, по интересующему нас элементу на сайте, необходимо кликнуть правой кнопкой мыши и, в зависимости от вашего браузера выбрать пункт контекстного меню:
- Firefox: «Исследовать»
- Google Chrome: «Просмотреть код»
Браузер откроет окно инструментов разработчика, вкладку «Элементы/Инспектор» (название зависит от браузера) в котором будет подсвечен код элемента, по которому выполнен клик. Элемент отображается в иерархическом дереве элементов (при необходимости, вы можете выбрать любой другой элемент).

На выбранном элементе в дереве, так же кликаем правой кнопкой мыши и, в зависимости от браузера, ищем под-меню «Копирование» и копируем CSS-селектор:
- Firefox: «Скопировать» - «CSS-селектор»
- Google Chrome: «Копировать» - «копировать selector»
Нужный селектор скопирован в буфер обмена и теперь его необходимо вставить в поле настройки игрушек «CSS-селектор». Дополнительные поля настроек позволят задать вид и расположение игрушки относительно выбранного элемента, а так же ее отображение в зависимости от разрешения экрана. Добавляя места размещения для одной игрушки, можно более гибко настраивать ее отображение.
Когда все настройки заданы, необходимо нажать кнопку «Сохранить».