Webasyst 1.3: закрепление правой панели в каталоге товаров

Для индивидуальной настройки интерфейса помимо разработки плагинов можно использовать браузерное расширение с пользовательскими скриптами

Для решения поставленной задачи воспользуемся браузерным расширением Tampermonkey

Разработчики активно продвигают интерфейс админки 2.0, но пока интерфейс 1.3 является более удобным для работы. Хотя что-то можно и подправить.

На вкладке Товары в правой части страницы находится панель массовых действий, которая прокручивается вместе с таблицей товаров, что неудобно. Приходится постоянно прокручивать страницу для отображения этой панели после выбора записей в таблице.

Если меню массовых действий полностью помещается на экране по высоте, то она фиксируется достаточно просто. Создаём новый скрипт и копируем в него код скрипта.

Скрипт для фиксации правой панели

Панель подгружается динамически и для активации стиля приходит на ум самое простое решение - задержка при помощи таймера.

Проблема этого решения в том, что оно срабатывает только один раз при загрузке страницы. Если изменить отображение данных с Таблица на Эскизы и т.д., то повторно наш стиль не будет подключен к панели. Воспользуемся наблюдателем MutationObserver за изменениями в элементе Document

Улучшенная версия

Если меню массовых действий не помещается на экране, то можно улучшить скрипт, добавив в него вычисляемое свойство стиля top и полосу прокрутки для доступа ко всем элементам меню.