Рекомендуем ознакомиться с инструкцией "Как сверстать Zero Block для интеграции"

Инструкция по настройке интеграции:

  1. Для начала переименуем название столбца на латиницу. Если в тексте есть пробелы обозначьте их нижним подчеркиванием “_”. Это нужно для последующей корректной интеграции сервисов. *поле типа “Формула” распознаётся на русском языке и с обычными пробелами 1.jpg

  2. На главной странице адаптера в разделе “Интеграции” нажимаем кнопку “Добавить +”. 2.jpg

  3. В Тильде добавляем Зеро-блок, верстаем его с помощью auto layout и копируем в настройках его ID. Вставляем этот ID в интеграцию в Адаптере. 3.jpg

  4. Каждому динамическому элементу задаём css-class name. 4.jpg

  5. Задаём так же css-class name всей карточке, в которой находятся все элементы блока. 5.jpg

  6. Если у вас в интеграции планируется выводить список объектов с постраничной подгрузкой (например, история заказов), то создайте отдельный zero-блок с кнопкой "Загрузить еще" прямо под нужным блоком, где у вас выводится список объектов. 6.jpg

  7. Выбираем нужную таблицу и тип "Интеграция с zero block". 7.jpg

  8. Для каждого динамического элемента нужно добавить связку Имя класса - тип поля - значение, связанное с полем из базы данных.

  9. Для этого копируем css-класс, который задали в зеро-блоке данному элементу, к нему выбираем столбец из базы данных (значение, связанное с полем из базы данных) и тип поля: 8.jpg

  10. Если необходимо, вставьте id блока с кнопкой "Загрузить еще" (который создавали в п.6).

  11. Если необходимо вставьте id блока, который будет отвечать за то, если у пользователя нет никаких записей в таблице nocodb.

  12. Вставляем класс карточки в зеро блоке и настраиваем права доступа: 9.jpg

  13. Создаём под зеро блоком блок Т123 и вот таким образом обозначаем название вашей интеграции. Рекомендуем для меньшей путаницы и удобства в дальнейшем называть её так же как и в Aдаптере.

  14. Вставляем скрипт.

  15. Сохраняем и публикуем. 10.jpg

  16. Готово! Наши данные из NocoDB отобразились на тильде на опубликованной странице в блоке CL46 и доступны для конкретных пользователей сайта. 11.jpg

Loading...