Обновление на моем блоге про Хайбрис. Добавил в хайбрис возможность масштабировать и обрезать картинки интерактивно. Да, этого нет в коробке. Как ни странно. И это почти всем нужно.
Процесс выглядит так: админ загружает картинку бОльшего разрешения, выбирает галочками, какие картинки нужно создать меньшего разрешения, и подгоняет обрезку фото, если у загруженной не совпадают пропорции с требуемыми. Если после уменьшения картинки в иконку пропало слишком много важных деталей, то админ может отдельно для поля с иконкой выбрать другие настройки масштабирования и иначе обрезать картинку.
На этом бизнес-часть заканчивается, начинается темный лес с техническими деталями.
Тут было несколько челленджей. Поскольку плагин для кроп картинок я использовал внешний и современный (http://foliotek.github.io/Croppie/), а хайбрисовский менеджер товаров построен на фреймворке ZK 3.6.3 для one-page application, выпущенном семь лет назад, где почти ничего не дают сделать на внешнем джаваскрипте, задача поженить эти разные технологии была не из легких. Пришлось класть внешний джаваскрипт в попап, поднимать контекст для попапа в том же расширении, и придумать механизм обмена данными со старым ZK (эта часть наиболее неприятная, т.к. в новых версиях все уже придумали).
Также для ресайза я намеренно отказался от использования imageMagick и прочих внешних тулзов в пользу jScalr, которая работает хорошо, и к тому же мультиплатформенная.
https://hybrismart.com/2016/08/23/image-crop-resize-in-product-cockpit/
https://hybrismart.com/2016/08/23/image-crop-resize-in-product-cockpit/
