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
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 ∙ 10 minut temu |
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 ∙ 16 godzin 16 minut temu ∙ 31 ofert |
Ustawienie sklepu internetowego z tkaninami na WordPress + WooCommerce według szablonu Astra
1211 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 ∙ 18 godzin 11 minut temu ∙ 51 ofert |
Usunąć duplikację kodu analityki w kodzie strony Okay CMS
82 PLN
Trzeba na stronie na Okay CMS usunąć zduplikowany kod analityczny. Wymagane doświadczenie w pracy z Okay CMS Content Management Systems, Programowanie stron internetowych ∙ 18 godzin 17 minut temu ∙ 43 oferty |
Na elemantor WP zrobić stronę według przykładu + formularzInteresuje mnie cena za stworzenie na elementor WP strony według przykładu https://sunone.com.ua/ru/autsorsing-gruzchikov/ + w takim planie formularz Content Management Systems ∙ 19 godzin 58 minut temu ∙ 36 ofert |