Ключи для конструкторов — Документация — 4eo.ru

Документация по шаблону Fabrica

Ключи для конструкторов

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

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

Айди – это уникальный айди элемент в каком-либо модуле 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 пикселей, при этом оно будет заполнять все доступное место по вертикали

Этот сайт использует cookie для хранения данных. Продолжая работу с сайтом, вы даете свое согласие на работу с этими файлами.

Согласен