Кастомный код в Tilda: 5 ошибок, из-за которых ломается верстка и логика

Кастомный код в Tilda: 5 ошибок, из-за которых ломается верстка и логика

Кастомный код в Zero Block удобен, пока он живет по правилам проекта. Как только в блок вставляют все подряд, начинаются дубли, конфликты со стилями и странное поведение на мобильных.

• Не вставляйте один и тот же скрипт в несколько блоков — подключайте его один раз на странице или в настройках проекта.
• Не используйте селекторы вроде .elem или .tn-elem без привязки к конкретному блоку: класс может совпасть в другом месте.
• Не смешивайте inline-стили и внешние стили для одного элемента — потом трудно понять, что именно его перекрывает.

Если нужен JS, сначала проверьте, есть ли у элемента уникальный класс или data-атрибут. Если работаете с анимацией, отделяйте логику от оформления: код должен запускать действие, а не заменять всю верстку. Так проще искать ошибку и переносить решение между страницами.

Еще одно правило: тестируйте код не только на десктопе. Часто проблема не в скрипте, а в том, что на мобильном у элемента другая ширина, отступ или порядок слоев.

Перед вставкой кода задайте себе один вопрос: можно ли это сделать без него? Если да — сделайте без него. Если нет — ограничьте код одной задачей и дайте ему понятный адрес в разметке.