June 23, 2022

Как блок с поиском Т838 добавить в ZeroBlock в Tilda

Изначально допустим у нас такой Zero-block

Логотип и возможность перейти на две странички

Затем мы нажимаем «+» и выбираем «add HTML»

Теперь это выглядит вот так, нужно нажать «edit code» справа

Дважды щелкнуть и все стереть, затем нажать «close&update»

Правой кнопкой мыши нажимаем на HTML блок и выбираем «add css class name»

У нас справа появляется поле «css class name» и пишем туда searchinput

Работа с Zero блоком на этом этапе закончилась, нажимаем save and close

Затем добавляем блок T838 с такими настройками как на фото 2

Дальше, нам нужно скопировать ID блока T838, нажимаем просто на значок копирования, например, у меня это #rec457566343

Дальше копируем только этот код!

И вместо #rec166097362 ставим ID, которое скопировали на предыдущем шаге, то есть я ставлю #rec457566343

Получается у меня вот так вот

Этот код дан для того, чтобы вставить свою иконку поиска, как в примере (фото 2)

Чтобы вставить свою иконку поиска:

1. Создаем ее в фигме, экспортируем в формате SVG

2. Добавляем в тильду блок IM01, загружаем туда нашу иконку

3. Нажимаем правой кнопкой мыши – скопировать адрес изображения

4. Вставляем ссылку в новую вкладку

5. Затем нажимаем «сохранить/закрыть» и скрываем этот блок

6. Копируем код с фото 6

7. Вставляем его ниже в наш предудыщий код

8. Заменяем ссылку на нашу ссылку с иконкой, которую мы открыли в новой вкладке

9. Нажимаем сохранить/закрыть/опубликовать

10. Готово! Вы великолепные программисты💜