Почему на одной из страниц сайта (на 1с-Битрикс) перестали работать кнопки в хедере и футере?

Question

[Александр]

Знающие люди, помогите.
Сайт https://domgdeteplo.ru/
на всех страницах работают кнопки Помочь сейчас, Получить помощь в хедере и Обратиться за помощью в футере. Открываются соответствующие формы.
А на странице https://domgdeteplo.ru/howtogethelp/ не работают. Не открывают форму.

Раньше работало. Не пойму, что именно на одной этой странице могло на это повлиять.
Натолкните на мысль, плиз. Не хейтите сильно - я новичок в IT.

Comments

[Александр Маджугин]

К битриксу это вообще не имеет отношение.
Не работают потому что падает рантайм js в склееном скрипте на этой странице.
Откройте консоль и посмотрите ошибку. Дальше ищите скрипт и исправляйте его.

[Александр]

Спасибо за ответ. Только я не понял: разве скрипт не един на все страницы, если кнопки везде одинаково выглядят и действуют? и прописан он в хедере и футере...
А ошибка в консоли отображается следующая:

Uncaught TypeError: Cannot read properties of null (reading 'classList')
at breakpointChecker (template_8ac388fb59b6e7b989f5bbf32d0d9fad_v1.js?1646388076676088:17086:15)
at template_8ac388fb59b6e7b989f5bbf32d0d9fad_v1.js?1646388076676088:17093:4
at template_8ac388fb59b6e7b989f5bbf32d0d9fad_v1.js?1646388076676088:11:2
at template_8ac388fb59b6e7b989f5bbf32d0d9fad_v1.js?1646388076676088:12:3 domgdeteplo.ru/:1
Failed to load resource: the server responded with a status of 404 ()

Заходя в первый шаблон ошибки, вижу вот это:
if (window.innerWidth < 1000) {
help.classList.add('block-donate__other-help_close');
} else {
if (help.classList.contains('block-donate__other-help_close')) { (ВОТ ТУТ КРАСНЫЙ КРЕСТИК СТОИТ)
help.classList.remove('block-donate__other-help_close');
}
}
Подскажите, плиз, что с этим делать?

[scottparker]

AlexSem82, скрип един для этих кнопок для всех страниц, но на этой странице есть js (которого нету на других страницах), в котором есть ошибка и выполнение js прерывается на этой ошибке, поэтому кнопки и не работают. перененная help=null.

Answer 1

[Максим Ткачев]

Я не хейтю. Но учите английский, либо в переводчике переводите все что пищут КРАСНЫМ

Если переведете, то узнаете что скрипт ругается на то, что нет элемента свойства которого вы пытаетесь получить.
Прежде чем проверять ширину экрана - проверте на наналичие элемента help

Comments

[Александр]

Добрый день. Спасибо большое за ответ. Пытался разобраться. Как я понял, элемент "help" - это окно "Помочь Теплому дому", внизу страницы. .

В прошлый раз я его (эту область) отключил через режим правки и включил ошибочно другую (она сильно крупнее по размеру). После этого перестали работать кнопки на одной из страниц сайта.
Сегодня в режиме правки я снова включил старую область, новую выключил. Т.е., насколько я понимаю, элемент help должен появиться вновь, но наоборот, сегодня кнопки перестали работать на всех страницах сайта. С той же самой ошибкой: "Uncaught TypeError: Cannot read properties of null (reading 'classList')
at breakpointChecker ."
Подскажите (с учетом того, что я с JS пока совсем не знаком), пожалуйста, как "проверить на наличие элемента help" (это то, что Вы выше написали). И где взять этот элемент? И влияет ли режим правки Битрикса на его появление/исчезновение?

[Александр]

Разобрался с ТП Битрикс. Сначала порекомендовали мне обновить версию битрикс. Объяснил им, что поломан код, и обновление версии Битрикс проблему не решит. Порекомендовали обратиться к разработчикам JS-скрипта). Объяснил им, что в скрипт никто не залезал и ничего не правил. Послал им всю хронологию событий.
Оказалось, что Включаемый компонент внизу страницы, который я ошибочно включал, а потом выключил как раз и отвечает за вывод формы на экран. И в этом компоненте был сбит шаблон на дефолтный. Поменял на нужный, и все заработало...
Странно только что несмотря на то, что компонент отключен, он все-равно на что-то влияет. Этого я и предположить не мог.

[Максим Ткачев]

Александр, Как раз видимо из-за того что компонент отключен/не тот шаблон - и нет требуемого DOM элемента на странице. для проверки наличия теребуемого дом элемента (на будущее) дополните JS скрипт проверкой типа

let el_help=document.queryselectorAll('.help') // ищем все еелменты на странице у которых есть класс .help

if(el_help.length>0){
///основной код
}
else{
//обработка ошибки если элемента нет
}