Gridbox 3. Обновленное управление контентом

В нашей предыдущей статье в блоге мы дали вам небольшой обзор того, над чем так усердно работали. Мы знаем, что вы хотите услышать больше деталей о новой версии конструктора сайтов Gridbox 3, и, честно говоря, мы не можем дождаться, чтобы поделиться с вами всеми захватывающими изменениями!


Основная работа над панелью администратора завершена, и сегодня мы готовы раскрыть улучшения. В программе: обновленное управление контентом. Что изменилось? Что стало удобнее? Где скрытые сюрпризы? Пришло время исследовать подробности!

Улучшенное рабочее пространство


Gridbox 3.0 — это следующий шаг в эволюции платформы. Наша цель? Сделать создание сайтов еще более гладким, эффективным и приятным. Именно поэтому мы сосредоточились на уточнении управления контентом и сделали интерфейс более понятным, логичным и наполненным полезными функциями.

Как мы упоминали в нашей предыдущей статье «Gridbox 3. Эволюция без революции», наш подход в Gridbox 3.0 заключается в улучшении, а не в полной переработке дизайна.


Как мы любим говорить: совершенству нет предела! Мы унифицировали каждый элемент интерфейса — окна, флажки, выпадающие списки и выборщики теперь следуют последовательному стандарту. Мы тщательно пересмотрели и усовершенствовали каждый компонент пользовательского интерфейса, что привело к 6-кратной оптимизации кода.


Но давайте разберем все по порядку. Начнем с изменений в Gridbox Pages.


Представление списка контента


Представление списка контента является основой для создания и управления контентом в Gridbox.

Мы тонко настроили каждую деталь, от всплывающих подсказок до контекстного меню, чтобы гарантировать, что управление контентом требует минимальных усилий при максимальной производительности.


Гибкие таблицы

В Gridbox 3.0 таблицы теперь расширяются до 80% ширины экрана, обеспечивая более комфортный и продуктивный опыт управления контентом.


Обновленный Drag & Drop

Перемещение элементов стало более интуитивным и беспроблемным. В Gridbox 3.0 вся строка перемещается вместе с элементом, когда вы его перетаскиваете, что делает процесс более естественным и визуально понятным.


Компактные выпадающие списки

Выпадающие списки стали аккуратнее! Мы убрали ненужную прокрутку внутри выпадающих списков. Теперь все элементы сразу видны и доступны, что обеспечивает более чистый интерфейс и быстрый, плавный рабочий процесс.


Управление категориями

Управление категориями также было полностью переработано с крупной рефакторинговой оптимизацией. Мы упростили структуру, улучшили производительность и удалили ненужные элементы.


Улучшение производительности

Мы проделали огромную работу по оптимизации производительности. SQL-запросы были доработаны, гарантируя, что даже при наличии 1500+ категорий представление списка контента загружается мгновенно. Впечатляет, правда?! Больше никаких задержек. Будь у вас несколько категорий или более 1000, представление списка контента загружается немедленно, не нарушая ваш рабочий процесс.


Редактирование категорий


Мы переработали способ управления категориями, удалив ненужные элементы пользовательского интерфейса, такие как значки редактирования и удаления. В Gridbox 3.0 категории теперь можно редактировать только через правую кнопку мыши, предлагая быстрый метод внесения изменений.


Сортировка категорий


Метод сортировки категорий остается прежним, используя Drag & Drop и опцию «Переместить в».

  • Drag & Drop. Категории можно перемещать, перетаскивая значок папки. Новая анимация делает процесс более плавным и естественным, обеспечивая более интуитивный опыт.
  • Переместить в. Модальное окно «Переместить в» может выглядеть так же на первый взгляд, но под капотом это совершенно новая и оптимизированная структура папок.


Представление настроек элемента


Самое большое преобразование произошло в модальном окне настроек элемента. Мы посвятили огромное количество времени доработке каждой детали, чтобы сделать процесс редактирования максимально гладким, интуитивным и эффективным.


Диалоговое окно настроек


В Gridbox 3 модальное окно настроек элемента теперь изменяет размер до полной высоты экрана, позволяя вам видеть больше настроек одновременно без лишней прокрутки. Метки стали крупнее, а поля ввода шире, что облегчает просмотр и ввод информации с максимальным комфортом.


Нативные выпадающие списки


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


Стоит отметить, что это изменение не ограничивается диалоговым окном настроек. Мы заменяем все пользовательские выпадающие списки во всей Gridbox на браузерные. Маленькое изменение с большим эффектом!

Выбор категории


Мы полностью переработали метод выбора категории. Процесс изменения основной категории и управления дополнительными категориями стал намного более интуитивным и удобным для пользователя.


Теперь у вас есть два поля ввода: «Основная категория» и «Дополнительные категории». «Основная категория» — это классический выпадающий список, где вы можете изменить основную категорию элемента. «Дополнительные категории» позволяет выбрать несколько категорий, где элемент также должен быть отображен.

Выбор тегов


Логика создания и добавления тегов остается прежней, но процесс выбора был полностью преобразован. Теперь, при выборе тегов, открывается переработанное модальное окно, обеспечивающее гораздо лучший пользовательский опыт. Просто выберите необходимые теги из списка и нажмите кнопку «Сохранить».



Выбор автора


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



Выбор тегов данных


Процесс выбора тегов данных также претерпел серьезные изменения. Мы полностью переработали макет модального окна. Теперь оно динамически расширяется в зависимости от содержимого. Это означает, что вы можете видеть больше тегов данных одновременно и выбирать несколько тегов за одно действие.



И многое другое!


Мы могли бы описать абсолютно каждое изменение, которое сделали. Коротко говоря, создание категорий, удаление элементов, связывание языков, контекстное меню, текстовый редактор CKE, все модальные окна с массовым редактированием и абсолютно каждая деталь в представлении списка контента были пересмотрены и изменены.


Заключение


На первый взгляд, эти изменения могут показаться незначительными. Но если вы откроете Gridbox 2.x рядом и сравните элементы, трансформация действительно колоссальная. Вот в чем заключается красота обновленного интерфейса. Вы не почувствуете себя потерянным и вам не придется заново учиться. Все остается знакомым и на своих местах, однако опыт значительно улучшился.


Сегодня мы лишь слегка затронули новшества в панели администратора. Медиа-менеджер, Фоторедактор, Приложения, Интеграции, Настройки магазина и Панель управления — каждая часть панели администратора была изменена. И мы расскажем обо всем этом в следующих статьях блога.
Оставайтесь на связи!