Версия платформы 2022−1

Улучшили

🔵 642 Виджет «Галерея»: Улучшили переключение элементов перетаскиванием мыши или на сенсорных экранах

Лучший интерфейс — это его отсутствие. Когда логика работы понятна интуитивно, без дополнительных элементов.

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

1. Теперь, когда тянем картинку, видно, как «выезжает» следующая — сразу понятно, что дальше есть ещё и на что конкретно переключаемся.
2. А если дошли до конца и картинок больше нет, галерея начинает сопротивляться, тянуть становится сложнее — понятно, что дальше ничего нет.

Посмотрите подробнее в видео, как было и стало:

🔵 640 Виджет «Галерея»: Умное отображение стрелок

В старой галерее стрелки влево-вправо отображались всегда. В новой скрыты и отображаются только при наведении на область переключения изображения.

С одной стороны, так меньше визуального шума. А с другой — это дополнительная подсказка пользователю, что можно кликать для переключения и куда произойдёт это переключение. Улучшили пользовательский опыт, аккуратно и даже незаметно изменив поведение привычного элемента.

🔵 549 Секция «Товары» → Товар → Изображения → Миниатюрки: Упростить

Раньше у галерей товаров были изображения-миниатюрки снизу. В случае таких небольших по размеру галерей, миниатюрки занимают довольно много места, из-за чего уменьшается основное изображение. И при этом всё равно там ничего не рассмотреть, всё равно быстрее прокликать все и посмотреть в нормальном размере, чем пытаться что-то разглядеть на миниатюрке.

Получается, основные задачи миниатюр здесь — это информирование, что фоток несколько и возможность переключать фотки. То есть, они работают просто как кнопки. Вот и решили заменить их на такие кнопки-полоски.

Основная фотка стала больше, карточка товара воспринимается целостней, читается легче, визуально смотрится чище. Да при этом ещё и без потерь: весь функционал сохраняется.

🔵 331 Секция «Товары» → Товар → Изображения: Переключение изображений движением мыши

У товара с несколькими изображениями снизу появляются полоски-переключатели. Раньше изображения переключались по клику на переключатели, сейчас по наведению курсора.

🔵 630 Общее → Сетка: Улучшили адаптацию 3, 4 и 6 колонок под мобильные разрешения

Давайте сразу пример: допустим, вы установили в секции 4 колонки, добавили 7 элементов:

• первый элемент занимает 4 колонки по ширине,
• вторые два — по 2 колонки,
• а остальные — по 1.

При больших разрешениях это выглядит так:

А как будет при маленьких разрешениях?

Раньше все элементы масштабировались по единому правилу — превращались в 1 колонку. Просто, понятно, надёжно, но не интересно :-)

Теперь хитрее:

• элементы шире 1 колонки, как наши первые три, как и раньше, превращаются в 1 колонку,
• если занимают 1 колонку — то сначала разбиваются по парам, и только при совсем маленьких разрешениях превращаются в 1 колонку.

При разрешении от 410 px до 820 px колонки выстроятся вот так:

С тремя и шестью колонками аналогично.

Больше гибкости Богу гибкости 💪

🔵 521 CMS → Редактор TinyMCE: Добавили выравнивание текста по левому/правому краю, по центру

Вы просили, а мы сделали: теперь текст можно выровнять по центру, левому или правому краям.

🔵 643 CMS → Редактор TinyMCE: Добавили возможность отключения типографа

В Cubona под капотом стоит типограф Муравьёва — это лучшее решение на рынке, но даже лучшие решения не всегда идеальны, роботы иногда ошибаются (впрочем, как и люди). Бывает, что типограф недостаточно хорошо понимает тонкости русского языка и хочется его отключить для каких-то слов или словосочетаний.

Например, если на сайте написать Почта РФ, он посчитает это инициалами и поставит пробел между Р и Ф, будет Почта Р Ф. Другой пример: если написать на сайте какой-нибудь кадастровый номер, ИНН, номер свидетельства или ещё что-то подобное, допустим 12898693-01, типограф разобьёт число по разрядам (как и все остальные числа, ведь их так удобнее читать), получится 12 898 693−01, иногда так нельзя.

Доработали функционал редактора, теперь просто выделяем нужный кусок текста и нажимаем Не типографировать — всё, типограф его не тронет.

🔵 637 Секция «Встроенная галерея» → Поле «Связанный товар»: Невозможно было выбрать документ

В каталоге может быть много уровней: категории, подкатегории и даже подподкатегории. Раньше в галерее нельзя было выбрать связанный товар, если товар лежит слишком глубоко.

Увеличили вложенность товаров для выбора до 5 уровней (кажется, этого должно хватить, но вы пишите, если что ;).

🔵 610 Секция «Отзывы» → Содержимое: Не сохранялся стиль color

При копировании текста откуда-то извне (например, из MS Word или стороннего сайта), по умолчанию копируется не только содержимое, но и стили: размер шрифта, начертание и прочие. При том, что пользователь в подавляющем большинстве случаев не хочет этого. Нам текст нужно копировать, а не чудо-оформление Ворда. Потому платформа автоматически и нещадно режет всё лишнее.

Увы, иногда слишком нещадно. Пользователи просили разрешить менять цвет текста, так что добавили color в исключения. При этом, сохранится он только если прописан сознательно в редакторе сайта, при вставке текста извне всё равно порежется.