Кастомный код в Zero Block: 5 ошибок, из-за которых ломается верстка
Если код нужен для анимации, виджетов или точечной доработки, держите правило: добавляйте его только после проверки нативных настроек блока. Чем меньше «магии», тем проще поддержка.
— Не вставляйте скрипты прямо в текстовые элементы: Tilda может обрезать или экранировать код. Для JS и CSS используйте предусмотренные поля и отдельные блоки.
— Не пишите стили без уникального селектора. Иначе один класс начнет менять все элементы на странице, а потом сложно понять, откуда конфликт.
— Не смешивайте несколько задач в одном фрагменте. Когда CSS, JS и HTML лежат в одном куске, отладка превращается в поиск иголки в стоге.
Проверяйте код в изоляции: сначала на одной странице, потом в связке с остальными блоками. Частая проблема — не сам код, а порядок загрузки, из-за которого скрипт срабатывает раньше, чем появился нужный элемент.
Хорошая привычка: держать каждый кастомный блок с коротким комментарием, что он делает и за что отвечает. Через месяц это экономит часы, а при переносе на другой проект не приходится разбирать все заново.
Секреты Tilda Zero Block
@zero_block_mastery_ww
Кастомный код в Zero Block: 5 ошибок, из-за которых ломается верстка
Этот пост опубликован в Telegram-канале Секреты Tilda Zero Block. Подписаться можно по ссылке: @zero_block_mastery_ww.