Moduł/wniosek Drag & Drop builder dla DLE 14.0
🎯 Cel
Tworzenie wizualnego modułu kreatora przedmiotów dla systemu DLE 14.0, umożliwiającego zamianę dodatkowych pól (typu "jedna linia") na interfejs drag-n-drop z zapisem danych.
System musi być w pełni zintegrowany z panelu administracyjnego DLE i korzystać z szablonu wizualnego dragitems.html.
📁 Sekcja 1. Rozszerzenie typu pola dodatkowego "jedna linia"
W panelu administracyjnym DLE w sekcji edycji pól dodatkowych należy dodać nowy checkbox:
☑ Włącz kreator drag-n-drop przedmiotów
Ten checkbox jest dodawany tylko dla pól typu "jedna linia".
Po jego aktywacji:
pole automatycznie zamienia się na interfejs drag-n-drop;
po dezaktywacji wyświetla się zwykłe pole tekstowe;
wartość checkboxa jest zapisywana w parametrze pola (np.
editedxfield[28]).
Zachowanie musi być kompatybilne z systemem xfields:
checkbox jest widoczny w formularzu edycji pola dodatkowego;
jego wartość jest zapisywana i ładowana podczas edycji;
w panelu administracyjnym, w formularzu dodawania/edycji newsu, na podstawie tego parametru włącza się interfejs drag-n-drop.
🪟 Sekcja 2. Okno modalne z przedmiotami (jedno źródło)
Tworzone jest jedno okno modalne, które:
wyświetla dostępne przedmioty;
działa ze wszystkimi polami, gdzie aktywowany jest drag-n-drop;
jest otwierane i zamykane ręcznie przyciskiem;
nie zamyka się automatycznie po wybraniu przedmiotów.
Źródło:
Przedmioty są ładowane z kategorii DLE o ID = 11.
Każdy przedmiot musi mieć:
pole itemimage (obrazek przedmiotu);
pole rune-color (rodzaj obrażeń:
red,orange,green,blue).Każdy przedmiot w modalu musi zawierać własne ID.
To ID będzie przekazywane do pola drag-n-drop podczas przeciągania.
❗ Każdy przedmiot w oknie modalnym musi zawierać własne faktyczne ID (ID materiału), które będzie używane podczas przeciągania przedmiotu do strefy “drop”. Po upuszczeniu ID jest zapisywane jako ciąg wartości oddzielonych przecinkami — np.: 3,7,12,6,8. Te wartości stanowią końcową zawartość pola dodatkowego.
Filtrowanie:
modal musi mieć filtry po kolorze (
red,orange,green,blue);przycisk "Reset" pokazuje wszystkie przedmioty.
Wyjątki:
w kodzie modułu można zdefiniować tablicę ID przedmiotów, które nie powinny się wyświetlać;
przykład:php$excluded_items = [12, 57, 88];
📦 Sekcja 4. Technologia ładowania przedmiotów
Wszystkie przedmioty dla kreatora są przechowywane jako zwykłe news w kategorii DLE o ID = 11.
Po otwarciu formularza dodawania lub edycji newsu:
JavaScript wysyła żądanie AJAX do specjalnego pliku PHP (np. load_items.php), który:
ładuje wszystkie newsy z kategorii 11;
czyta pola dodatkowe
itemimageirune-color;wyklucza podane ID (np.
$excluded_items = [12, 45]);zwraca JSON lub HTML z listą przedmiotów.
Po otrzymaniu danych:
moduł wyświetla przedmioty w modalce;
pozwala na filtrowanie po kolorze;
pozwala na przeciąganie do dowolnego aktywnego pola.
🔧 Sekcja 5. Zachowanie i logika pól drag-n-drop
Każde pole z włączonym drag-n-drop:
wyświetla obszar, do którego można przeciągać przedmioty;
wyświetla aktualnie wybrane przedmioty (ikony) w ustalonym porządku;
pozwala na zmianę kolejności przez przeciąganie;
pozwala na usunięcie przedmiotu (ikona z krzyżykiem);
nie dopuszcza powtórnego dodania tego samego przedmiotu;
zapisuje wybrane ID jako ciąg oddzielony przecinkami (np.:
3,7,12,6,8).
Pola muszą mieć unikalne ID i być powiązane z input name="xfield[nazwa]".
Powinna istnieć możliwość używania wielu takich pól na jednej stronie.
💾 Sekcja 6. Zachowanie przy zapisie i edycji
Przy zapisie newsu:
wybrane przedmioty są zapisywane w ukrytym polu input;
wartość ta jest przekazywana do DLE i zapisywana jako zwykła wartość pola dodatkowego.
Przy ponownej edycji:
moduł odczytuje ciąg ID (np.:
"5,9,14");na podstawie tych ID odtwarzane są przedmioty w interfejsie w odpowiedniej kolejności;
użytkownik widzi te same przedmioty, które zostały zapisane, i może je edytować.
Cała logika jest zachowana w ramach standardowego mechanizmu DLE xfields.
🎨 Sekcja 7. Projekt i realizacja
Używać designu i stylów z szablonu
dragitems.html
🎛️ Sekcja 8. Zachowanie drag-n-drop i modal
Przeciąganie:
użytkownik może zmieniać kolejność przedmiotów;
placeholder pokazuje miejsce wstawienia;
brak ograniczeń na przemieszczanie, poza sprawdzaniem duplikatów.
Okno modalne:
zawsze dostępne przy dodawaniu lub edycji newsu;
nie zamyka się automatycznie po wybraniu;
działa dla wszystkich stref drag-n-drop na stronie.
📑 Sekcja 9. Co dostarczyć:
Pełny działający moduł:
poprawka do
xfields.phpi wszystkich niezbędnych plikówinstrukcje instalacji.
Dokumentacja:
dotycząca podłączenia modułu i konfiguracji.
Kompatybilność:
Pełna kompatybilność z DLE 14.0 oraz
modułem xField Tab — grupowanie dodatkowych pól w zakładkach.
Załączniki 1
-
1 dzień350 PLN
319 1 dzień350 PLNDzień dobry - rozwijamy frameworki na Laravel oraz aplikacje mobilne na iOS i Android na zamówienie.
Projekty:
1. Dzień dobry, jesteśmy gotowi zrealizować Twoje zamówienie na zasadzie "pod klucz".
Tworzymy strony internetowe na PHP oraz aplikacje mobilne na iOS i Android.
Posiadamy doświadczenie w tworzeniu systemów CRM/ERP.
Jesteśmy gotowi zrealizować Twoje zamówienie na zasadzie "pod klucz".
Dzień dobry, rozwijamy strony na WordPress oraz aplikacje mobilne na iOS i Android. Łączne doświadczenie w rozwoju wynosi 7 lat. Jesteśmy gotowi zrealizować Twoje zamówienie na zasadzie "pod klucz".
1. Projekty
https://berkanaplus.com.ua/ - Ten serwis przenosiłem i konfigurowałem serwer.
… 2. https://leondesign.kyiv.ua/
Aktualizacje wersji PHP i aktualizacje wtyczek.
3. https://peg.com.ua/
Rozwój nowego modułu dla strony do dynamicznej aktualizacji cen produktów.
https://uvali.com.ua/
Konfiguracja dedykowanego serwera VPS.
-
3 dni1000 PLN
690 13 0 3 dni1000 PLNWitam! Jestem gotowy do wykonania, jednak konieczne jest omówienie szczegółów, zanim ustalimy ostateczną cenę i terminy.
-
Оу так и не смогли найти человека(
-
Расизмом пахнет тут, модератора в студию.
-
Aktualne zlecenia dla freelancerów w kategorii Content Management Systems
Zbiórka landingów i infrastruktura techniczna pod klucz, KijówO projekcie:Przygotowywany jest nowy projekt e-commerce (testowanie trendowych nisz, detal). Start ruchu zaplanowany na 1 lipca. Model pracy: strony jednopanelowe (landing page) ruch z Facebooka/Instagrama (pracuje media buyer) przetwarzanie zamówień w CRM.Obecnie zarejestrowana… Content Management Systems, Programowanie stron internetowych ∙ 4 godziny 46 minut temu ∙ 25 ofert |
Opracowanie wielostronicowej strony internetowej na WordPressie według gotowego projektu
1468 PLN
Szukam dewelopera WordPress do kodowania i uruchomienia wielostronicowej strony internetowej. Posiadam gotowy projekt. Należy go jakościowo przenieść na WordPress, dostosować do urządzeń mobilnych i przygotować stronę do uruchomienia. Proszę o przesyłanie przykładów… Content Management Systems ∙ 5 godzin 39 minut temu ∙ 67 ofert |
Ustawienie zgody na pliki cookie oraz trybu zgody v2 na stronie KhoroshopDzień dobry! Potrzebne jest wdrożenie na stronie (platforma Hooroshop) pełnoprawnego banera zarządzania zgodą na używanie plików cookie oraz wykonanie wszystkich niezbędnych ustawień do poprawnego przesyłania danych między Google Ads, Google Analytics 4, Google Tag Manager i… Content Management Systems, Programowanie stron internetowych ∙ 6 godzin 22 minuty temu ∙ 9 ofert |
Dopracowanie istniejącego projektu na Laravel (PHP)Potrzebne jest dopracowanie istniejącego projektu na Laravel (PHP).\n\nProjekt obejmuje gotową panel administracyjny, który ma w sobie builder do tworzenia stron z układem (html+css+js) na kodzie php do wyświetlania danych. W projekcie należy zrealizować 2-3 strony na podstawie… Content Management Systems, PHP ∙ 22 godziny 28 minut temu ∙ 36 ofert |
Ustawienie sklepu internetowego z tkaninami na WordPress + WooCommerce według szablonu Astra
1207 PLN
Trzeba skonfigurować i przygotować do pracy sklep internetowy z tkaninami meblowymi na rynek Norwegii. Domena, hosting i WordPress są już zainstalowane: eximtextilnordiq.com Strona musi być zrobiona nie od zera i bez indywidualnego programowania, a na gotowym darmowym szablonie… Content Management Systems, Układ HTML i CSS ∙ 1 dzień temu ∙ 59 ofert |