No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
NLM012 • ВРЕМЯ НАСТРОЙКИ: 2 МИНУТЫ
как добавить изображения в выпадающий список формы tilda?
Модификация поможет добавить изображения к пунктам выпадающего списка, настроить цвет фона и текста активного пункта и при наведении.
Для корректной работы модификации включите поддержку jQuery. Подробнее. Как это сделать: Настройка сайта > Еще > Подключить jQuery на страницах сайта.
Инструкция (Развернуть↓)
Имей в виду:
1. Добавляешь стандартную форму или форму в Zero Block на страницу и добавляешь поле "Выпадающий список (Dropdown)";
2. В генераторе указываешь имя поля (VARIABLE NAME) и вставляешь его в созданную форму в поле "Выпадающий список (Dropdown)";
3. Настраиваешь цвет фона активного пункта и при наведении;
4. Настраиваешь бордер, толщина, скругление и цвет;
5. Настраиваешь тип текста и цвет;
6. Вставляешь ссылки на свои картинки или иконки;
Чтобы получить ссылку картинки или иконки, на свою страницу вставляем, к примеру, галерею GL12 и загружаем в неё изображение. Копируем ссылку и вставляем в генератор. Формат файла советуем использовать svg или png.
7. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.
- Не забудь настроить бордер для поля, так как данная модификация не подтягивает настройки полей формы;
- Максимальное количество загружаемых картинок — 15 штук;
- Очередность картинок соответствует очередности их загрузки. Например, в списке пять пунктов. Вставляя ссылку на первую картинку в генератор, она будет соответствовать первому пункту в выпадающем списке.
1. Добавляешь стандартную форму или форму в Zero Block на страницу и добавляешь поле "Выпадающий список (Dropdown)";
2. В генераторе указываешь имя поля (VARIABLE NAME) и вставляешь его в созданную форму в поле "Выпадающий список (Dropdown)";
3. Настраиваешь цвет фона активного пункта и при наведении;
4. Настраиваешь бордер, толщина, скругление и цвет;
5. Настраиваешь тип текста и цвет;
6. Вставляешь ссылки на свои картинки или иконки;
Чтобы получить ссылку картинки или иконки, на свою страницу вставляем, к примеру, галерею GL12 и загружаем в неё изображение. Копируем ссылку и вставляем в генератор. Формат файла советуем использовать svg или png.
7. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1