1. Главная страница
  2. ››
  3. Документация
  4. ››
  5. О компоненте

О компоненте

Назначение компонента

Компонент «Таблица характеристик с выводом данных из одной ячейки базы» предназначен для создания таблицы из двух колонок. Обычно такая таблица используется для создания описания товаров, у которых много параметров. Как следует из названия компонента, все эти данные хранятся в одной ячейке базы. Сделано это для того, чтобы сократить расходы на пользование конструктора Creatium: размер оплаты в нём увеличивается с увеличением количества задействованных ячеек базы данных.

Подготовка данных

Ниже приведён пример ячейке в таблице с подготовленными данными.

ID ячейки — characteristic

В ячейке используются 2 типа разделителя:

  1. Разделяет название характеристики и её описание — |.
  1. Разделяет разные пары «Характеристика / Описание» между собой — ||.

Формулы для создания такой записи смотрите по ссылке.

Загрузка данных в компонент

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

  1. Открываем настроки компонента.
  1. Во вкладке «Данные» настроек сохраняем скопированное в поле «Переменная с данными».
  1. Указываем разделитель опций — || (= строк в таблице).
  1. Указваем разделитель значений одной опции (= колонок в таблице)

Настройка внешнего вида

После добавления данных в компонент можно настроить внешний вид таблицы. Необходимо нимать, что в редакторе нет возможности увидеть в компоненте все данные, что были добавлены. Там только тестовые данные. Таково ограничение Creatium. Полные данные можно увидеть лишь на реальной странице.

Отступы и положения

Настройки раздела позволяют

  1. Выбрать две колонки («Рядом») или текстовый вид блоков («Друг под другом»).
  1. Задать отступ от заголовка.
  1. Задать соотношение блоков. Отдельно задаётся число для блока 1 (левой колонки).
  1. И отдельно задаётся числовое значение для блока 2. Цифрами регулируется именно соотношение блоков, а не абсолютный размер или что-то ещё.
  1. Отступ между элементами по горизонтали. Тут регулируется расстояние между блоками.
  1. Отступ между элементами по вертикали. Тут регулируется расстояние между блоками.
  1. Величина полей элемента по вертикали. Увидеть размер полей можно, если придать отдельный цвет фона элементу.
  1. Величина полей элемента по горизонтали.
  1. Размер шрифта.

Цвет

Настройки позволяют

  1. Задать цвет шрифта названия характеристики (то есть цвет текста в левой колонке, если это таблица, и верхней строки, если это просто текст).
  1. Задать цвет шрифта описания или значения характеристики (текст в правой колонке таблицы или в нижней строке обычного текста).
  1. Цвет фона при наведении.
  1. Цвет текста при наведении.
  1. Цвет текста описания / значения при наведении.

Общий цвет фона компонента настраивается стандартными функциями Creatium.

Адаптивность и её особенности

Адаптивность выражается в возможности менять

  1. положение блоков и
  1. размер шрифта

в зависимости от типа устройства (и соответственно размера экрана).

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

Цвета менять в целях адаптивности в настоящее время нет возможности.

 

Наша команда Uplinestudio разрабатывает сайты под разные потребности клиентов. Одним из ключевых направлений в нашей разработке является создание сайтов на Creatium.

Оставить заявку

Работает на Creatium