Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
NLM033 ВРЕМЯ НАСТРОЙКИ: 2 МИНУТЫ

кастомизируем блок tx16n и tx16n2 в tilda

Модификация может заменить иконку открытия и закрытия карточки, цвет фона активной карточки и заголовка.
Инструкция
1. Чтобы в блоке разместить свою иконку, необходимо добавить на страницу галерею GL12 и загрузить в неё необходимый файл (рекомендуем использовать формат svg). Далее копируешь его ссылку и вставляешь в генератор. По умолчанию стоит наша иконка;

  • «Тип блока» — указываем тип блока, который необходимо кастомизировать
  • «Ссылка на иконку» — Добавляешь ссылку на иконку (ссылку нужной иконки ты можешь копировать из галереи GL12);
  • «Ссылка на активную иконку» — Добавляешь ссылку на иконку, которая будет отображаться в раскрытом блоке;
  • «Оставить стандартную иконку» — Если хочешь оставить стандартную иконку, нажимаешь в этом поле галочку;

2. Кастомизируешь блок, настраивая параметры в полях:

  • «Цвет иконки»
  • «Цвет активной иконки»
  • «Толщина бордера»
  • «Стиль бордера»
  • «Радиус бордера»
  • «Цвет бордера»
  • «Цвет фона иконки»
  • «Цвет фона активной иконки»
  • «Цвет текста активной вкладки»
  • «Раcположить список в две колонки» (рекомендуем применять настройку для блока шириной в 12 колонок). На мобильных устройствах можно отключить список в две колонки.
  • «Горизонтальный отступ между колонками на экранах более 640px»
  • «Вертикальный отступ между колонками на экранах более 640px»
  • Дополнительно можешь кастомизировать блок для экранов менее 640рх

3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

Имей в виду:

  • В настройках блока выключаешь галочку «Аккордеон. Отображать только одну раскрытую карточку».
  • Настраиваешь «Стили карточки» -> «Отступ слева и справа внутри блока».
  • Размер загруженной иконки будет 24х24 px.
  • Если настраиваете модификацию в расширении и список отображается в две колонки, несмотря на то, что галочка выключена, включите настройку «Раcположить список в две колонки», сохраните и закройте, затем вернитесь к настройкам, выключите «Раcположить список в две колонки», сохраните и закройте, переопубликуйте страницу.
Текст в мобильной версии:
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Шаг 3
Остались вопросы?
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Шаг 1
Возобновите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Копировать код
Шаг 3
Остались вопросы?
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Шаг 2
Настройте модификацию
Скопируйте код из генератора, вставьте его в блок T123 («HTML-код») на вашем сайте в Тильде и опубликуйте страницу.
Шаг 1
Оплатите подписку
И получите доступ к библиотеке из более чем 200 модификаций.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.