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

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

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

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

Установка

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

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

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

Примечания

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

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

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

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

На кофе!

Написать

Ваше Имя:


Ваш отзыв: Внимание: HTML не поддерживается! Используйте обычный текст.

Оценка: Плохо           Хорошо

Введите код, указанный на картинке:

Чтобы скачать файлы нужно сначала Войти или Зарегистрироваться