Компоненты


Компоненты собирают и обрабатывают информацию из листов таблиц Google.
Листы должны содержать столбцы с заданными названиями и типами.

Обязательные столбцы выделены цветом

Карточки

Компонент Сard, гибкий и расширяемый контейнер с множеством вариантов и опций

название тип описание
classname string Вспомогательные стилевые классы Bulma
content string Текст описания
image string Адрес изображения
media string Адрес изображения для медиобъекта, подходящего на роль аватара, изображения предпросмотра и т.п.
subtitle string Подзаголовок
title string Заголовок

Каталог

Компонент Catalog, предназначен для витрин с товарами и услугами, с корзиной или без неё

название тип описание
categoryid number Идентификатор категории, применимо только к компоненту Catalog
classname string Вспомогательные стилевые классы Bulma
cover string Адрес главного (в случае компонента Catalog) или единственного (компонент Gallery) изображения
description string Описание наименования
id number Уникальный идентификатор наименования
name string Название наименования
price number Цена, применимо только к компоненту Catalog

Необязательные изображения и видео для наименований каталога

название тип описание
itemid number ID наименования каталога
type string Тип медиа, по умолчанию image
url string Адрес изображения или видео

Необязательные характеристики для наименований каталога

название тип описание
itemid number ID наименования каталога
name string Название характеристики
value any Значение характеристики

Необязательные вариации, влияющие на стоимость наименований каталога

название тип описание
id number ID варианта
itemid number ID наименования каталога
price number Цена для заданного варианта
variant string Название или краткое описание варианта, характеристика, влияющая на стоимость, например, размер

Необязательные категории для каталога

название тип описание
description string Описание категории
id number ID категории
name string Название категории

Информация

Компонент Content, предназначен для информационных разделов и страниц

название тип описание
classname string Вспомогательные стилевые классы Bulma
element string Название тега HTML, по умолчанию div
value string Текст или адрес (применимо для тегов iframe и img)

Словарь ссылок для компонента Content

название тип описание
classname string Вспомогательные стилевые классы Bulma
name string Уникальное название ссылки
target string Атрибут ссылки target
text string Текст ссылки
url string Адрес ссылки

Обложка

Компонент Cover, обложка или баннер

название тип описание
classname string Вспомогательные стилевые классы Bulma
image string Адрес фонового изображения
subtitle string Подзаголовок
title string Заголовок

Особенности

Компонент Feature, предназначен для наглядного обозначения характеристики, особенности или выдающейся черты чего-либо

название тип описание
classname string Вспомогательные стилевые классы Bulma
content string Текст содержания
icon string Имя иконки Line Awesome
title string Заголовок

Форма

Компонент Form, простой конструктор форм

название тип описание
classname string Вспомогательные стилевые классы Bulma
label string Лейбл поля формы
name string Название поля формы, атрибут name
placeholder string Атрибут placeholder
required string Атрибут required
type string Атрибут type поля ввода или textarea. Неподдерживаемые значения: file, image, button, reset, submit, search, range
value string Значение поля формы

Галерея

Компонент Gallery подходит для портфолио, галерей и слайд-шоу, может быть преобразован в компонент Catalog

название тип описание
categoryid number Идентификатор категории, применимо только к компоненту Catalog
classname string Вспомогательные стилевые классы Bulma
cover string Адрес главного (в случае компонента Catalog) или единственного (компонент Gallery) изображения
description string Описание наименования
id number Уникальный идентификатор наименования
name string Название наименования
price number Цена, применимо только к компоненту Catalog

Слайдер

Компонент Slider

название тип описание
classname string Вспомогательные стилевые классы Bulma
content string Текст описания
image string Адрес изображения
media string Адрес изображения для медиобъекта, подходящего на роль аватара, изображения предпросмотра и т.п.
subtitle string Подзаголовок
title string Заголовок

Таблица

Компонент Table, предназначен для вывода любых табличных данных

название тип описание
classname string Вспомогательные стилевые классы Bulma

Рекомендации

Компонент Testimonial, предназначен для наглядного вывода рекомендаций, отзывов и характеристик

название тип описание
classname string Вспомогательные стилевые классы Bulma
content string Текстовое содержание
subtitle string Подзаголовок
title string Заголовок