TiCode (Easy mods)

Автоматическая установка курсора в поле ввода при открытии поиска T985

Прочее Формы
С помощью этой модификации можно настроить автоматическую установку курсора в поле ввода при открытии блока поиска T985. Это значительно улучшает пользовательский опыт (UX), позволяя пользователям сайта сразу начать вводить поисковый запрос без лишних действий.

Инструкция по установке

  • Создаем блок поиска T985 и в настройках блока ставим галочку в пункте "Не показывать кнопку открытия виджета"
  • Во вкладке "контент" указываем ссылку #tisearch по которой будем открывать popup поиска.
  • Создаем кнопку и присваиваем ей такую же ссылку.
  • Копируем код и вставляем в HTML блок T123. Блок с кодом размещаем ниже блока поиска и кнопки.
<!--TICODE --><!-- Автоматическая установка курсора в поле поиска T985 при открытии | https://ticode.dev  -->
<script>
  function TiCodefocusSearch() {
    const TCDsearchbtn = document.querySelector('a[href="#tisearch"]');
    if (TCDsearchbtn) {
      TCDsearchbtn.addEventListener('click', () => {
        setTimeout(() => {
          const TCDsearchpopup = document.querySelector('.t985__overlay.t-search-widget__overlay_opened');
          const FormTCInput = document.querySelector('.t985__input.t-search-widget__input');
          if (TCDsearchpopup && FormTCInput) {
            const TCDSearchstyle = window.getComputedStyle(TCDsearchpopup);
            if (TCDSearchstyle.display !== 'none' && TCDSearchstyle.visibility !== 'hidden' && TCDSearchstyle.opacity !== '0') {
              FormTCInput.focus();
            }}}, 300);});}}
  TiCodefocusSearch();
</script>

Другие модификации для форм на Тильда

Открытие popup по ссылке при заходе на сайт: удобный способ привлечь внимание пользователя к важной информации сразу после загрузки страницы.

Закрыть popup T1093 после отправки формы: улучшает UX, автоматически закрывая окно после успешной отправки, не требуя дополнительного клика.

Минимальная сумма для отправки форм: предотвращает отправку некорректных данных, повышая качество заявок и снижая ошибки.
Made on
Tilda