Часто задаваемые вопросы

1. Как добавить скрипт или стиль?
2. Как найти ID блока и class элемента?
3. Как добавить class целому блоку?
4. Как добавить class элементу в Zero-блоке?
5. Почему блоки T123 со скриптами лучше всего размещать в футере?

По всем вопросам, касающимся модификаций, пишите в Telegram-чат.

1. Скопируйте скрипт или стиль.
2. Перейдите на страницу в Тильде.
3. Добавьте блок T123 (HTML-код).
4. Нажмите «Контент».
5. Вставьте скопированный скрипт или стиль.
6. Сохраните изменения.
7. Опубликуйте страницу.

Рекомендую всегда добавлять блок T123 либо в самый низ страницы, либо непосредственно под блок, для которого делаете модификацию — в таком случае в будущем вы всегда с лёгкостью сможете найти нужный скрипт или стиль.

Найти ID блока очень просто — зайдите в настройки блока и промотайте вниз. В последней строке и будет ID конкретного блока. Выглядит он примерно так: #rec123456789.

Также можно найти ID через просмотр HTML-кода страницы. Подробнее об этом смотрите в видео выше.

Class элемента вы также найдёте в HTML-коде:

1. Щёлкните правой кнопкой мыши на элементе.
2. Выберите «Показать код» (или «Проверить объект» — в разных браузерах по-разному).
3. Скопируйте первый из классов.

Например, если в строке будет написано class="t795__title t-title t-title_xs t-margin_auto", то вам нужен только первый, т. е. t795__title. Подробнее об этом говорится в видео со второй минуты.

P. S. Если у вас в контекстном меню не отображается пункт «Проверить код», зайдите в настройки браузера и включите меню «Разработка».

Здесь всё очень просто:

1. Заходим в настройки блока.
2. Проматываем все настройки вниз.
3. Над ID блока видим надпись «Добавить CSS Class Name».
4. Жмакаем по ней.
5. Вписываем свой класс, начиная с «uc-».

Будьте внимательны, имя класса должно начинаться с «uc-»! Дальше может написать что угодно, главное без пробелов.

1. Добавьте любой элемент в Zero-блок.
2. Нажмите на него правой кнопкой мыши.
3. В появившемся контекстном меню выберите «Add CSS Class Name».

В новом поле (раньше оно было скрыто) в настройках впишите класс для элемента.

Можете называть класс как захотите, но лучше не начинать с «t-» или «tn-», т.к. под такое начало зарезервированы классы тильды. И, даже, если сейчас такого класса нет, не факт, что он не появится в будущем.

Не пугайтесь, если вы удалите имя класса для текущего элемента, и в настройках пропадёт соответствующий раздел. Снова добавить класс можно будет точно также через контекстное меню.

Браузер «читает» вашу страницу сверху вниз. Соответственно, если он видит в скрипте элемент (например, какой-то блок, к которому вы обращаетесь в скрипте), который браузер ещё не видел на странице, скрипт не выполнится, т.к. браузер уже хочет выполнить скрипт, но ещё не знает о каком элементе идёт речь.

Поэтому лучше всего размещать скрипт под элементами, с которыми он взаимодействует или вообще в футере сайта. Первый вариант удобнее, т.к. пользуясь таким правилом, вы будете помнить, что скрипт относится к блоку (-ам) над ним. Однако, размещая скрипт в футере вы точно избежите проблем, которые могут возникнуть.