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

Данный модификатор добавляет возможность сортировки изображений товаров перетаскиванием и обмена дополнительных изображений с главным изображением товара в админ-панели OpenCart.

ОСНОВНЫЕ ФУНКЦИИ

1. Перетаскивание изображений для изменения порядка сортировки
2. Обмен дополнительных изображений с главным изображением
3. Автоматическое обновление значений сортировки
4. Визуальные эффекты при перетаскивании

Установка

1. 1. 1. 1. Установите модификатор через админ-панель
         2. Обновите кеш модификаторов

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

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

Примечания

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

Как это работает :
Модификатор добавляет следующие изменения в шаблон редактирования товара:

• Добавляет ID к изображениям для доступа через JavaScript
• Добавляет столбец с иконками перетаскивания и обмена
• Скрывает поле ввода порядка сортировки
• Добавляет JavaScript-код для обработки перетаскивания и обмена
• Добавляет стили для визуального оформления

Для сортировки используется jQuery UI Sortable, который позволяет перетаскивать элементы списка. При перетаскивании автоматически обновляются значения сортировки в скрытых полях.
Функция обмена изображениями использует JavaScript для обмена значений и источников изображений между главным и дополнительным изображениями.

Теги: Opencart, Админка