authwebTILDA LAB / 01CL46 → CARDS
МОДИФИКАЦИЯ ДЛЯ TILDA

Таблица.
В новом формате.

На большом экране — таблица.
На маленьком — удобные карточки.
Контент остаётся в вашем CL46.

Без библиотекНативный контентОдин блок T123
Как установить
01 / НАСТРОЙКАМеняйте параметры. Смотрите результат.
Начните со стиля

Предпросмотр

Демонстрационные данные · 8 строк
LIVE
КАРТОЧКИ / 360 PX
УслугаКатегорияСрокЦенаФорматКомментарий
Лендинг под ключРазработка14 днейот 80 000 ₽ПроектОт структуры до запуска. Подробнее >
Интернет-магазинРазработка30 днейот 150 000 ₽ПроектКаталог, корзина и оплата
Дизайн-концепцияДизайн5 днейот 30 000 ₽FigmaВизуальное направление проекта
Аудит сайтаАналитика3 дня15 000 ₽ОтчётСписок точек роста и рекомендаций
Кастомная анимацияМодификация7 днейот 25 000 ₽T123Бережно к скорости загрузки
Техническая поддержкаПоддержкаМесяцот 20 000 ₽РетейнерРегулярные обновления и доработки
SEO-настройкаПродвижение5 днейот 18 000 ₽ПакетМетаданные, структура и индексация
КонсультацияСтратегия60 минут5 000 ₽ОнлайнРазберём задачу и найдём решение
ГОТОВО К УСТАНОВКЕ

Ваш код уже собран.

Настройки применяются и к CL46 с выбранным классом.

Посмотреть готовый код HTML + CSS + JS

Код автономный. В нём только модификация и ваши параметры, без конфигуратора.

02 / УСТАНОВКАТри шага в редакторе Tilda

Контент — в CL46.
Всё остальное — в коде.

  1. 01

    Добавьте таблицу CL46

    Заполните её в «Контенте». Оставьте одну строку заголовков, без объединения ячеек по вертикали.

  2. 02

    Назначьте класс блоку

    В настройках блока → CSS Class Name укажите aw-tablecards, если префикс uc- уже показан. Итоговый класс на странице: uc-aw-tablecards.

  3. 03

    Вставьте код и опубликуйте

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

Один класс можно назначить нескольким таблицам. Каждый блок получает независимый поиск. На широком экране сохраняется оформление CL46. Названия и ссылки редактируйте в самом блоке.

03 / НАСТОЯЩИЙ CL46Живой блок ниже

Та же механика.
На вашей таблице.

Ниже — штатный блок Tilda CL46. Настройки выше применяются к нему сразу. Сузьте окно: строки станут карточками, а ссылки и кнопки останутся на месте. Данные этого блока редактируются через «Контент» в Tilda.

authwebСделано для контента. Настроено под вас.CL46 / v1.0
Made on
Tilda