Перетягування сортування додаткових зображень

Цей модифікатор додає можливість сортувати зображення продуктів шляхом перетягування та обмінюватися додатковими зображеннями з основним зображенням продукту в панелі адміністратора OpenCart.

ОСНОВНІ ФУНКЦІЇ

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

Встановлення

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

Використовувати

1. Перейти до редагування продукту (Каталог > Товари > Редагувати)
2. Відкрийте вкладку «Зображення»
3. Щоб змінити порядок зображеньперетягніть їх за допомогою значка перетягування ☰
4. Щоб обміняти додаткове зображення з основним, натисніть на значок обміну ⇄

Notes

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

Як це працює:
Модифікатор додає такі зміни до шаблону редагування продукту:

• Додає ідентифікатори до зображень для доступу через JavaScript
• Додає стовпець із піктограмами перетягування та надсилання
• Приховує поле введення порядку сортування
• Додає код JavaScript для обробки перетягування та обміну
• Додає стилі для візуального дизайну

JQuery UI Sortable використовується для сортування, що дозволяє перетягувати елементи списку. Коли ви перетягуєте, значення сортування в прихованих полях автоматично оновлюються.
Функція обміну зображеннями використовує JavaScript для обміну значеннями та джереламизображення між основним і додатковими зображеннями.

На каву!

Написати відгук

Ваше Ім’я:


Ваш відгук: Примітка:HTML теги не дозволені! Використовуйте звичайний текст.

Рейтинг Погано           Добре

Введіть код, вказаний на зображенні: