Справочник фиксированных элементов

Вкладка «Элементы» содержит общий справочник, из которого праздничные пресеты выбирают оформление верхней и нижней части сайта.

Обычному пользователю достаточно готовых записей. Редактирование справочника нужно, если требуется добавить собственную полосу, набор иконок или пользовательский HTML/CSS/JS-декор.

[Скриншот 1: таблица справочника фиксированных элементов]

Колонки таблицы

Код

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

Для собственных записей задавайте стабильный понятный код латиницей. Не меняйте код уже используемого элемента без необходимости: пресеты хранят именно код.

Название

Понятное администратору название, которое отображается в выпадающих списках верхней и нижней части сайта.

Позиция

• Верх — элемент можно выбрать только для верхней части;
• Низ — только для нижней;
• Верх и низ — доступен в обоих списках.

Тип

Определяет, какие данные из последней колонки реально используются.

Тип «Ряд иконок (Font Awesome)»

В поле FA-иконок укажите классы через запятую. Компонент выводит ряд иконок с помощью стандартного шаблона.

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

Тип «Графическая полоса»

Основные параметры:

• картинка — путь к файлу;
• высота — высота блока в пикселях;
• повтор — повторять изображение по горизонтали или не повторять.

Путь можно ввести вручную или выбрать через файловый диалог административной части.

[Скриншот 2: настройка графической полосы с выбором файла, высотой и repeat]

Тип «Спрайт (HTML/CSS/JS)»

Позволяет сохранить отдельные фрагменты HTML, CSS и JavaScript. Это самый гибкий и одновременно самый рискованный тип.

Используйте только проверенный код. Содержимое выводится в публичной части и может влиять на верстку, стили, производительность и JavaScript страницы.

Перед добавлением большого стороннего эффекта лучше проверить его на тестовой странице и убедиться, что он не конфликтует с библиотеками сайта.

Стандартные элементы

После установки справочник содержит готовые варианты, в том числе:

• ряд новогодних иконок;
• ряд сердечек;
• ряд тематических иконок Хэллоуина;
• новогоднюю верхнюю графическую полосу;
• новогоднюю нижнюю графическую полосу;
• пример спрайта.

Важное замечание по примеру спрайта

Стандартный пример спрайта предназначен прежде всего как демонстрация формата и использует внешнюю графику. Для стабильного рабочего оформления рекомендуется заменить её собственным локальным файлом и проверить весь HTML/CSS/JS.

Что происходит после сохранения

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

Если справочник очистить полностью, пресеты, которые ссылались на пользовательские коды, не смогут найти соответствующий элемент и визуально он исчезнет.

Безопасное редактирование

1. Перед изменением существующего элемента посмотрите, в каких праздниках он выбран.
2. Для нового дизайна лучше добавить новую запись с новым кодом, чем менять старый элемент, используемый несколькими пресетами.
3. Сначала проверьте новый элемент в «Пользовательском» празднике.
4. После проверки назначайте его рабочим праздничным пресетам.

Поля, которые не относятся к выбранному типу

Интерфейс показывает параметры разных типов в одной ячейке. Заполнять всё сразу не требуется. Например, для графической полосы не нужны HTML/CSS/JS, а для ряда Font Awesome не требуется путь к картинке.

[Скриншот 3: пользовательский элемент, добавленный в список выбора верхней части праздника]