No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
NLM169 • ВРЕМЯ НАСТРОЙКИ: 3 МИНУТЫ
Как ДОБАВИТЬ ПОИСК В ЗЕРО БЛОК на Тильде?
Эта модификация добавляет на ваш сайт поле поиска в Зеро блок, которое позволяет пользователям удобно и быстро находить необходимую информацию.
Инструкция
Подготовка страницы:
Подготовка страницы:
- Настрой Зеро блок в котором будет поиск, наполни его нужным контентом.
- Добавь в Зеро блок элемент Shape и убери заливку цветов, добавь этому элементу класс. Важно! Расположение и длина окна поиска будет зависеть от расположения и длины Shape.
- Добавь на страницу блок T838. Настрой стили для поля поиска по кнопке "Контент" в блоке.
- Для того чтобы настроить модификацию заполни следующие поля в генераторе:
- «Высота поиска(px)» – регулирует высоту поля поиска. (Ширину поля можно регулировать шириной HTML-элемента);
- «z-index поиска» – при необходимости укажи z-index для поля с поиском;
- «Класс элемента в зеро» – укажи класс Shape-элемента который добавил в Зеро блоке. Что бы указать class у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку "Add CSS Class Name", далее, справа в настройках указываешь class;
- «ID блока T838» – укажи ID блока стандратного блока с поиском;
- «Показывать кнопку поиска» – выбери "Да" или "Нет" в зависимости от потребностей сайта, настройка регулирует показ кнопки рядом с полем поиска;
- «Ссылка на иконку поиска» – по желанию можешь заменить стандартную иконку поиска на свою. Чтобы получить ссылку на иконку для вставки в модификацию, сделай следующее: добавь на страницу галерею GL12 и загрузи в неё изображение, далее копируешь ссылку на него и вставляешь в генератор в указанное поле. Формат файла советуем использовать svg или png;
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1
Амбассадор Нолим – Татьяна Михайлова подготовила бесплатный шаблон и видеоинструкцию по настройке данной модификации.