Ключи для конструкторов (v.1.2.08) — Документация

Типы данных ключей

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

Айди – это уникальный айди элемент в каком-либо модуле cms, пишется в скобках после названия элемента, то есть если написано (ID: 157), значит значение айди -- 157.

Значение – нужно написать специальное значение, которое написано в описании ключа, например это отступы, которые надо писать в особом формате.

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

Информацию о том, как работают цвета шаблона (например, цвет бренда или цвет текста), вы можете посмотреть в соответствующем разделе документации по ссылке. Например, rba(var(--color_black), .1) -- это черный цвет с прозрачностью 10%.

Также можно писать в стандартном формате html rbga с конкретными значениями, например rgba(164, 111, 18, 1), подробнее о работе с цветом в html можно ознакомитьсяпо ссылке.

Пусто / любой текст означает, что, чтобы было выполнено то, что находится в описании ключа, необходимо написать в поле любое значение, например "да" или "123".

Текст – написать любой текст, он будет отображаться.

Ссылка – писать ссылку обязательно с http:// или https:// в начале

Ключи

Ключ	Тип данных	Описание
albom_id	Айди	Айди выводимого альбома.Для редактирования пройдите Фотогалерея→ Альбомы
align_horizontal	Значение	Выравнивание виджета по горизонтали. Значение left -- по левому краю, center -- по центру, right -- по правому краю
align_vertical	Значение	Выравнивание содержимого виджета по вертикали. Значение
background_color	Цвет	Цвет фона
block_id	Айди	Айди выводимого блока. Для редактирования пройдите Страницы сайта → Блоки на сайте
block_type	Значение	Название фонового блока. Выбирать из доступных в шаблоне, например block_1 или block_2
border_radius	Число	Радиус закругления элемента. Например, 10px. Подробнее по ссылке
box_shadow (тень)	Значение	Тень от элемента, подробнее можно изучить по ссылке. Также можно писать с переменными из шаблона, например [0 1px 5px rgba(var(--color_black), .1)], где .1 -- это прозрачность на 10%, а var(--color_black) -- это черный цвет в шаблоне по умолчанию
btn_type	Значение	Тип стиля кнопки. Написать btn_1, btn_2 или btn_3
btn_active_type [btn_active_style]	Значение	Тип стиля активной кнопки. Написать btn_1, btn_2 или btn_3
btn_two_rows	Пусто / любой текст	Отображать кнопки в две строки
cat_id	Айди	Айди выводимой категории баннеров. Для редактирования пройдите Баннеры → Категории
color	Цвет	Цвет основного элемента
color_content	Цвет	Цвет текста содержимого, если есть заголовок
color_hover [hover_color]	Цвет	Цвет наведения
color_title	Цвет	Цвет заголовка
count	Число	Суммарное количество выводимых элементов. Писать число, например 11 или 3
count_horizontal	Число	Количество элементов по горизонтали. Если сount равно 12, аcount_horizontal равно 5, то элементы распределятся в 3 строки по 5, 5 и 2 элемента
custom_text	Текст	Текст, отображаемый в виджете
font-size (размер шрифта)	Значение	Размер текста. Указывать в формате 1.2rem или 20px, где 1rem="16px по умолчанию. Подробнее по ссылке
font_size_description	Значение	Размер текста содержимого, если есть заголовок
font_size_title	Значение	Размер заголовка
greyscale	Пусто / любой текст	Затемнение содержимого при наведении
height_100	Пусто / любой текст	Растягивает элемент на всю высоту относительно блока, в котором находится
height_fix = height	Значение	Фиксированная высота элемента, например 10px, тогда элемент всегда будет иметь высоту строго 10px
icon_bg	Цвет	Цвет фона виджета, например, цвет фона под иконкой
icon_name	Значение	Айди иконки из всех доступных, их можно посмотреть по ссылке
img_align_horizontal	Пусто / любой текст	Выравнивание картинки по горизонтали (работает аналогично align_horizontal)
img_size_name	Значение	Название используемого размера изображения. Чтобы понять, что писать, рассмотрим на примере баннеров. Перейдите в Баннеры → Настройки модуля. Там будут значения размеров изображений в выпадающем меню, а справа поле ввода -- это название папки, в которой хранятся сгенерированные изображения, например, для выбранной обработки изображений "[Баннеры] - 200х100" справа напишем "200х100" (можно и любое другое, но рекомендуется писать именно в таком формате, чтобы не запутаться) -- это и есть то, что нужно написать в поле img_size_name, тогда мы получим изображение шириной 200 и высотой 100 пикселей
img_width_100	Пусто / любой текст	Картинка растягивается на всю высоту виджета, в котором находится
left	Значение	Дополнительный отступ виджета слева, указывать в пикселях. Например, значение 3px подвинет элемент на 3 пикселя вправо, также можно писать отрицательные значение, чтобы сдвинуть виджет влево
link	Ссылка	Ссылка, которая открывается по нажатию на блок
margin	Значение	Отступ блока от соседних блоков. Писать в формате, например [20px 0px 20px 0] или 20px 0. Чтобы поднять блок выше, можно написать отрицательный отступ сверху, например [-100px 0 0 0]. Подробнее по ссылке
menu_id	Айди	Айди выводимого меню. Для редактирования пройдите Меню на сайте → Меню
modal_open_reverse	Пусто / любой текст	Отвечает за сторону, в которую открываются модальные окна (например, личный кабинет или корзина в шапке). По умолчанию все модальные окна открываются влево
name	Текст	Текст заголовка виджета, например "О шаблоне Fabrica"
name_link [btn_name]	Текст	Название кнопки, которая ведет по ссылке link
opacity (прозрачность)	Значение	От 0 (0%) до 1" (100%). Меняет прозрачность элемента, например [0.64] равно 64% яркости элемента
padding (внутренние отступы)	Значение	Отступ контента (текст, картинка, кнопка и пр.) от внешнего блока. Писать в формате, например [20px 0px 20px 0] или [20px 0]. Подробнее по ссылке.
product_ids_or_type	Айди	Тип выводимых товаров, например, "скидка", "новинки", "акция"или "популярные". Или айди конкретных товаров через запятую, например [11,143,12,1,232]
reverse	Пусто / любой текст	Изменение порядка отображения элементов виджета
site_id	Айди	Айди страницы, к которой прикреплен модуль, например обратной связи. Находится в Страницах сайта
site_block_id	Айди	Айди выводимого блока. Для редактирования меню на сайте перейдите в Страницы сайт → Блоки на сайте
target_blank [btn_new_tab]	Пусто / любой текст	Открывает ссылку в новом окне браузера
text_align_horizontal	Значение	Выравнивание текста по горизонтали (работает аналогично align_horizontal)
text_align_vertical	Значение	Выравнивание текста по вертикали (работает аналогично align_vertical)
title_strong	Пусто / любой текст	Придает жирное начертание заголовку
top	Значение	Дополнительный отступ элемента сверху, указывать в пикселях. Например, значение [2px] опустит элемент на 2 пикселя вниз, также можно писать отрицательные значения, чтобы поднять виджет
two_rows	Пусто / любой текст	Отображать содержимое виджета в две строки
video_url	Ссылка	Ссылка на файл видео, например https://4eo.ru/userfls/4eo_products/template_fabrica/prezentation_fabrica_4eo/main.mp4
width_img	Значение	Ширина изображения содержимого, указывать безразмерно. Например, значение [250] сделает изображение шириной в 250 пикселей, при этом оно будет заполнять все доступное место по вертикали