О НАС
КЛИЕНТАМ
ПАРТНЁРАМ
СЛЕДИТЕ ЗА НАМИ
ОТВЕТИМ НА ВОПРОСЫ
В ЧАТ-БОТЕ:
В ЧАТ-БОТЕ:
NLM012 • ВРЕМЯ НАСТРОЙКИ: 2 МИНУТЫ
как добавить изображения в выпадающий список формы tilda?
Модификация поможет добавить изображения к пунктам выпадающего списка, настроить цвет фона и текста активного пункта и при наведении.
Для корректной работы модификации включите поддержку jQuery. Подробнее.
Как это сделать: Настройка сайта > Еще > Подключить 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.
+120 модификаций
Скидка 25% на курсы
Обновление модификаций и доступ к новым
Базовая
550₽
/месяц
Для решения краткосрочных задач
30 дней
Плагин для Тильды
Поддержка без выходных
Закрытые эфиры
чтобы скопировать код, ОФОРМИТЕ ПОДПИСКУ или ВОЙДИТЕ в личный кабинет
Плагин для Тильды
Поддержка без выходных
+140 модификаций
Премиум
275₽
/месяц
Экономия 3300₽ в год
365 дней
Скидка 25% на курсы
Обновление модификаций и доступ к новым
Закрытые эфиры
Все пользователи, оформившие Премиум-подписку, получают доступ к дополнительным разделам: «Интернет-магазин» и «Личный кабинет».
В этих разделах представлены различные модификации, которые не доступны тем, кто оформил месячную подписку.
В этих разделах представлены различные модификации, которые не доступны тем, кто оформил месячную подписку.
Все пользователи, оформившие Премиум-подписку, могут воспользоваться 25% скидкой на все курсы и гайды Академии Нолим.
Все пользователи, оформившие Премиум-подписку, могут посещать закрытые мероприятия, на которые мы приглашаем ведущих экспертов рынка.
На этих встречах они делятся своим опытом, что открывает новые горизонты для всех участников.
На этих встречах они делятся своим опытом, что открывает новые горизонты для всех участников.
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
