Сравнение версий

Ключ

  • Эта строка добавлена.
  • Эта строка удалена.
  • Изменено форматирование.

...

Как изменить высоту виджета

Для настройки высоты виджета на странице сайта служат 2 параметра:

1. height – используется для изменения высоты виджета, когда на странице много свободного места. Значение по умолчанию: 600px.

2. max-height: – служит для изменения высоты виджета, когда на странице мало места. Значение этого параметра задается по следующей формуле: calc(100% - 96px).

Где:

  • 100% – это высота экрана.
  • 96px – это отступ от верхней части страницы. При увеличении отступа высота виджета уменьшается.

 Для настройки высоты виджета выполните следующее:

  1. Скопируйте указанный ниже блок кода.
Блок кода
languagejs
linenumberstrue
<style>
@media (min-width: 600px) {
  .twc-chat-full-wrapper {
    height: 600px !important;
    max-height: calc(100% - 96px) !important;
  }

  .twc-chat-full {
    height: 100% !important;
  }
}
</style>

       2. Разместите скопированный блок в коде страницы вашего сайта. Его нужно разместить перед открывающим тегом <script>.

Ниже приводится пример кода страницы с указанием места расположения блока кода.

Image Added

       3. Измените значения параметров для установки нужной высоты виджета.

Якорь
widgetsettings
widgetsettings

...