Скрипт для загрузки данных в Тильду
из Google Spreadsheets
Это самое легкое применение скрипта. Все что для этого нужно это создать таблицу в Google.Docs и открыть доступ для чтения по ссылке, на странице Тильды добавить блок Колонки > Таблица (CL46), сразу после него добавить блок Другое > HTML-код (Т123) и вставить в него код из примера. Не забудьте поменять url на адрес вашей таблицы гугл.
Еще вам нужно в поле id указать идентификатор блока. У каждого блока Тильды есть уникальный идентификатор, его можно найти под кнопкой Настройки в самом низу. Он будет выглядеть примерно так Block id: #rec10295104. Вам нужен только номер. Вставьте его вместо 10080283.
Актуальную версию скрипта можно найти на GitHub.
Оригинальную таблицу можно посмотреть здесь.
Добавлять таблицу вы уже умеете, давайте выведем только девушек моложе 30 лет отсортировав по возрасту. Для этого изменим параметр req. Документация по языку запросов написана на английском, но есть и на русском.
Если «перевести» на русский строку запроса, то получится примерно следующее: Покажите-ка нам столбцы А и В, да только те строки, где в столбце С хранится строка f и в столбце В число меньше 30. И отсортируйте строки по возрастанию чисел в столбце В, пожалуйста.
Таблица со спойлером и кнопкой онлайн-записи (для конструктора Тильда)
Передставляю конвертор таблицы Excel (или другой аналогичной) в код для вставки на страницу созданную в онлайн-конструкторе сайтов Тильда.
Таблица — это прайс-лист, гда в первой колонке наименование услуги, а во второй — цена. Вставляется обычным копипастом. Следите, чтобы не было пустых строк.
Код для «однократной вставки» (содержит стили и яваскрипт) — вставляется на страницу в отдельный блок до первой таблицы. Код таблиц (содержит HTML) может вставляться на страницы в отдельных блоках. Сколько таблиц — столько блоков.
Кнопка записи на прием (всплывает при наведении на строку таблицы) вызывает форму обратной связи (href вызова формы и name поля, в которое упадет наименование услуги, в котором кликнули по кнопке, возьмите из настроек блока с формой в тильде). Поле с названием услуги закрывается для изменений, чтобы посетитель сайта ничего в нем не менял.
Спойлер сворачивает и разворачивает таблицу. Количество строк в свернутом состоянии задается в настройках.
Строка с пустой ячейкой цены воспринимается конвертером как подзаголовок таблицы. Ячейка в которой обнаружится ключевое слово (в моем примере это слово «Стоимость») превращает строку в шапку таблицы.
Предполагается, что на сайте таблица будет выглядеть так
Как сделать таблицу в тильде
Чтобы избежать этого кривого копирования, нам нужно подготовить данные правильным образом.
В таблицу Excel добавляем ещё одну ячейку с символом ; и копируем ее на всю длину столбца (до конца контента).
Задаём формулу через =, поочередно выбирая ячейка&символ;&ячейка&символ;&ячейка и тд.
Здесь амперсанд (&) выступает связующим, а мы связываем все так, чтобы точка с запятой были между каждой ячейкой, его мы добавляем кнопкой на клавиатуре.