Przeciągnij i upuść dodatkowe sortowanie obrazów dla OpenCart

Sortuj dodatkowe obrazy, przeciągając i upuszczając

Ten modyfikator dodaje wygodne zarządzanie zdjęciami produktów do panelu administracyjnego OpenCart : możesz przeciągać i upuszczać dodatkowe zdjęcia, aby zmienić kolejność, a także zamieniać dodatkowe zdjęcia na główne.

Główne funkcje

• Sortowanie metodą „przeciągnij i upuść” – zmień kolejność obrazów, po prostu przeciągając je i upuszczając.
• Zamień ze zdjęciem głównym — szybko zmień dodatkowy obraz w zdjęcie główne (i odwrotnie).
• Sortowanie z automatyczną aktualizacją — wartości kolejności sortowania są przeliczane automatycznie.
• Efekty wizualne - oświetlenie i płynne animacje podczas przeciągania.

Instalacja

1. Zainstaluj modyfikator za pomocą panelu administracyjnego (Instalator rozszerzeń).
2. Odśwież/wyczyść pamięć podręczną modyfikacji w sekcji Modyfikatory (Odśwież).

Używanie

1. Otwórz edycję produktu: Katalog → Produkty → Edytuj.
2. Przejdź do zakładki Obrazy.
3. Aby zmienić kolejność, przeciągnij obrazy za ikonę ☰.
4. Aby zamienić dodatkowy obraz z obrazem głównym, kliknij ikonę ⇄.

Notatki

• Pole do ręcznego wprowadzania kolejności sortowania jest ukryte, ponieważ sortowanie odbywa się metodą „przeciągnij i upuść”.
• Wartości sortowania są aktualizowane automatycznie podczas przenoszenia elementów.
• Do działania tej funkcji wymagany jest jQuery UI (Sortable).
• Używany jest atrybut error="skip" , dzięki czemu modyfikator często działa nawet po zmianach szablonu.
• Nowo dodany obraz automatycznie otrzymuje numer sekwencyjny na końcu listy.

Jak to działa

Modyfikator wprowadza zmiany w szablonie edycji produktu: dodaje identyfikatory usług umożliwiające dostęp przez JavaScript, dodaje kolumnę z ikonami przeciągania i upuszczania oraz zamiany, ukrywa pole ręcznego sortowania, łączy skrypty i style. Przeciąganie i upuszczanie jest realizowane za pomocą jQuery UI Sortable , a zamiana odbywa się za pomocą logiki JavaScript (zamiana wartości i źródeł obrazów między głównymi a pobocznymi).