Пользователи NoScript не могут просматривать пользовательский подвал в настройках темы

Мы реализовали собственный заголовок и подвал для нашего форума, перейдя в раздел Настройки > Настроить > Темы > Компоненты. Здесь мы установили стандартный компонент заголовка и привязали его к теме по умолчанию. Затем мы настроили этот компонент, добавив наш специфический HTML-код заголовка в секцию «Заголовок», а HTML-код подвала — в секцию «Подвал».

Для обычных пользователей с включенным JavaScript всё отображается корректно: видны как пользовательский заголовок, так и подвал. Однако при использовании NoScript, в частности в браузере Tor с настройкой «Самый безопасный», пользовательский заголовок перемещается ниже основного содержимого, а пользовательский подвал исчезает полностью — его также нет в исходном коде страницы.

В качестве временного решения мы добавили тег noscript в секцию «Тело» компонента и разместили внутри него HTML-код пользовательского подвала. Однако это лишь обходной путь, и мы предпочитаем более чистое решение с меньшей вероятностью поломок в будущем.

Сообщение об ошибке / запрос функции:

  1. Обеспечить видимость и корректную отрисовку пользовательского подвала для пользователей с NoScript.
  2. Для версии без JavaScript заголовок должен отображаться выше основного содержимого, а подвал — ниже него, повторяя последовательность отображения на странице с включенным JavaScript.

Привет, Adrelanos :slight_smile:

Можете уточнить? Как точно называется этот «стандартный компонент заголовка»?

2 лайка

Администрирование → Настройка → Темы → Компонент → По умолчанию → Компоненты → Заголовок → Редактировать HTML/CSS → Заголовок

<div class="header-brand-nav">
    <a class="home" href="https://www.example.com">example</a>
    ... ещё несколько подобных ссылок ...
</div>
1 лайк

Я могу воспроизвести эту проблему.


:point_down:

2 лайка

В данном случае речь идёт о добавлении HTML в заголовок и подвал темы через это:

3 лайка

Действительно, некоторые элементы темы отображаются на версии сайта без поддержки JavaScript.

Было бы полезно получить четкое заявление о предполагаемом уровне поддержки.

Похоже, что загружаются ресурсы и CSS, но насчет других элементов не уверен.

2 лайка

Более корректное описание проблемы:

  1. Создайте новый пустой компонент темы

  2. Вставьте <div style="padding: 30px; background: red;"></div> в <kbd>Header</kbd>

  3. Вставьте <div style="padding: 30px; background: green;"></div> в <kbd>Footer</kbd>

  4. Перейдите на главную страницу и обновите её

  5. Красный заголовок отображается поверх d-header, как и ожидалось

  6. Прокрутите страницу вниз, чтобы появился зелёный подвал:


    :warning: Часть подвала отображается с некоторыми сбоями. Она должна появляться без необходимости прокрутки, а поведение прокрутки кажется странным: будто движение прокрутки замедляется при достижении пользовательского подвала. Возможно, стоит создать отдельную тему, так как это может не быть связано с текущей проблемой.

  7. В инструментах разработчика браузера (Chrome) перейдите в :gear: (Настройки) справа, затем на вкладку «Preferences» (Настройки) и включите опцию «Disable Javascript» (Отключить JavaScript):

  8. Обновите страницу:

1 лайк