1. Создаем в Zero Block и назначаем ему класс
uc-ti-searchЧтобы добавить класс блоку, заходим в настройки блока и сверху от id блока будет кнопка "Добавить CSS Class Name"
2. В Zero Block создаем форму, тип поля ввода ставим "One line input field". В переменной поля ввода указываем
search и удаляем у формы кнопку. Для этого ставим ей размер по ширине и высоте 0 и удаляем текст кнопки.
Смотреть скриншот3. Создаем в зеро блок кнопку (вместо кнопки можно использовать шейп, картинку или текст) и назначаем ей класс
ti-searchЧтобы добавить класс, нажимаем на элемент правой кнопкой мыши и выбираем из списка "Add CSS Class Name" и далее, справа в настройках указываем класс4. Если нужно выводить количество найденных совпадений, то создаем счетчик. Для этого в Zero Block с формой добавляем текст и задаем ему ссылку
#ti-count В самом тексте пишем
0 из 0 чтобы легче было адаптировать
5. При необходимости указываем дополнительные настройки в генераторе кода:
Переменная - можно указать свою переменную. Если указали свою, то обновите ее в самой форме в Zero Block;
Цвет подсветки - указываем цвет фона для подсветки
совпадений. Можно оставить пустым;Цвет текста - указываем цвет текста при подсветке. Если оставили пустым, то цвет текста будет такой как у вас на сайте;
Цвет активного пункта - указываем цвет фона для активного пункта. Можно оставить пустым;
Цвет текста активного пункта - указываем цвет текста для активного пункта. Если оставили пустым, то цвет текста будет такой как у вас н сайте;
6. Копируем готовый код и вставляем в блок Т123.
Примечание! Модификация плохо дружит с табами и другими модификациями которые скрывают контент на странице. Такие модификации чаще всего скрывают текст только визуально, но оставляют его на странице. Скрипт будет находить совпадения в скрытом тексте и подсвечивать их, но визуально это видно не будет.