Добавлен Scroll-режим в виджет категорий и производителей
В платформу внедрён новый режим горизонтальной прокрутки для виджета «Категории» и «Производители». Режим активируется автоматически, если в виджете указан параметр :scroll-9999, который задаёт максимальную ширину экрана для включения прокрутки (если фактическая ширина меньше указанной — режим включается).
Если ширина экрана меньше заданной:
- Виджет автоматически переходит в режим горизонтальной прокрутки;
- Ширина блоков категорий/производителей вычисляется с учётом padding и margin по всей цепочке контейнеров;
- На ПК работает drag-scroll;
- Если в параметре указан второй аргумент (:scroll-9999x3), включается пагинация с указанным количеством точек (в данном примере — 3).
Если ширина экрана больше указанного значения:
- Scroll-режим полностью отключается;
- Макет возвращается к стандартному отображению;
- Пагинация (точки переключения) удаляется.
Как включить Scroll-режим
- В генераторе виджетов категорий или производителей укажите параметр:
:scroll-9999— ширина экрана, меньше которой включается прокрутка. - При необходимости добавьте количество точек пагинации через второй параметр:
:scroll-9999x3— число «3» включает пагинацию с тремя точками. - Скрипт автоматически активируется при загрузке страницы.
Пример HTML (генерируется автоматически)
<div class="hotengine-categories-list"
data-scroll-width="9999"
data-scroll-pagination="3">
...
</div>
После этого прокрутка и пагинация будут работать автоматически, в зависимости от ширины экрана и параметров, заданных в виджете.
