Сортировка дополнительных изображений перетаскиванием для OpenCart

Сортировка дополнительных изображений перетаскиванием

Этот модификатор добавляет в админ панель OpenCart удобное управление изображениями товара: вы можете перетаскивать дополнительные фото для изменения порядка, а также менять местами дополнительное изображение с главным.

Основные функции

• Drag & Drop сортировка – изменяйте порядок изображений простым перетаскиванием.
• Обмен с главным фото – быстро сделайте дополнительное изображение главным (и наоборот).
• Автообновление сортировки – значения sort order пересчитываются автоматически.
• Визуальные эффекты – подсветка и плавные анимации во время перетаскивания.

Установка

1. Установите модификатор через админ-панель (Extension Installer).
2. Обновите/очистите кэш модификаций в разделе Модификаторы (Refresh).

Использование

1. Откройте редактирование товара: Каталог → Товары → Изменить.
2. Перейдите на вкладку Изображение.
3. Чтобы изменить порядок, перетащите изображение за иконку ☰.
4. Для обмена дополнительными изображениями с главным нажмите ⇄.

Примечания

• Поле ручного ввода порядка сортировки скрывается, поскольку сортировка выполняется перетаскиванием.
• Значения сортировки автоматически обновляются при перемещении элементов.
• Для работы требуется jQuery UI (Sortable).
• Используется атрибут error="skip" , поэтому модификатор часто работает даже после изменения шаблона.
• Новое добавленное изображение автоматически получает порядковый номер в конце списка.

Как это работает

Модификатор вносит правки в шаблон редактирования товара: добавляет ID для доступа через JavaScript, добавляет колонку с иконками перетаскивания и обмена, скрывает ручное поле sort order, подключает скрипты и стили. Перетаскивание реализовано через jQuery UI Sortable , а обмен выполняется JavaScript-логикой (замена значений и источников изображений между главным и дополнительными).