Секция "Таблицы"

Секция «Таблицы» — это универсальный инструмент для структурированной подачи информации на сайте. Теперь вы можете удобно оформлять расписания, прайс-листы, сравнения товаров, программы мероприятий и многое другое прямо в конструкторе SaleBot — без необходимости верстки или подключения сторонних решений.

С помощью этой секции вы сможете:

• добавлять любое количество строк и столбцов;

• оформлять заголовки таблиц;

• вставлять кнопки, ссылки прямо в ячейки;

• настраивать выравнивание, отступы и цвета;

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

Такой подход подходит для:

• расписаний мастер-классов или мероприятий;

• таблиц цен на услуги или товары;

• сравнительных характеристик продуктов;

• контактных данных по филиалам;

• и многих других задач.

Создание таблицы

Чтобы создать таблицу, перейдите в редактирование страницы сайта. Найдите кнопку "+", чтобы добавить новую секцию:

Далее в открывшемся меню в правой части экрана найдите кнопку "Таблица" и нажмите на нее, чтобы секция добавилась на страницу:

В конструкторе существует шаблон таблицы с заполненными полями, поэтому таблица добавится следующего вида:

Справа будет открыто меню с настройками контента таблицы.

Контент секции

Контент редактируется в секции с помощью простых и понятных настроек:

Названия столбцов указываются в поле "Шапка таблицы" через точку с запятой:

Шапка со значением "Время;Шеф-повар;Зал;Уровень;Тема мастер-класса"

Содержимое таблицы редактируется ПОСТРОЧНО, где значение каждой ячейки таблицы в строке также прописывается через точку с запятой:

Первая строка со значением "09:00 - 10:30;Ирина Белова;Зал 1;новичок;Домашняя итальянская паста"

Каждая последующая строка таблицы начинается с НОВОЙ строки.

Ширина колонок также указывается через точку с запятой:

Можно оставить пустым, тогда ширина автоматически будет определена по контенту

Как добавить кнопку/ссылку в таблицу

Чтобы добавить кнопку в ячейку таблицы, передайте в строку ячейки "Название кнопки button=https://sbsite.pro" без кавычек:

Чтобы добавить ссылку в ячейку, вшитую в фразу/слово, передайте в строку ячейки значение "Фраза, в которую будет вшита ссылка link=https://sbsite.pro"

Настройки секции

Чтобы перейти в настройки секции, наведите на Таблицы и найдите соответствующую кнопку "Настройки":

Здесь вы увидите настройки шрифтов, цветов и границ для таблицы:

Здесь можно выбрать цвет четных и нечетных строк, подобрать цвет таблицы, а также кнопок, добавленных в ячейки таблицы.

Чекбоксы для выравнивания границы и значений в столбце:

1. Скрыть вертикальные границы

При активном положении чекбокса, вертикальных границ таблицы нет. Если деактивировать чекбокс, то будут разделены столбцы границами по вертикали:

1. Скрыть верхнюю границу

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

1. Не применять выравнивание к первому столбцу

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

Универсальные настройки шрифтов, фона и отображения

Для каждого блока существуют универсальные настройки шрифтов, фона и отображения — то есть такие настройки являются схожими для разных блоков.

Аналогично, к секции (блоку) "Таблицы" можно применить различные настройки шрифтов, выбрать или добавить собственные шрифты, размер, начертание, выбрать фон для секции, а также настроить ширину контента, диапазон видимости на устройствах.

Подробнее о настроках шрифтов, фона и отображений, рассказали в статье "Универсальные настройки секций".