Układ i programowanie strony katalogu na MODX

Strona korporacyjna-katalog na MODX (UI/UX + integracja treści)

Biochemic — strona dla firmy zajmującej się chemią profesjonalną: nowoczesny katalog produktów z markami, kategoriami, towarami oraz szybkimi formularzami „uzyskaj konsultację / złóż zapytanie”.

Zadanie
• Przenieść projekt z makiety do walidacyjnego, wielobrowersowego, responsywnego kodu.
• Uczynić stronę zarządzaną z panelu administracyjnego.
• Zrealizować jednolitą logikę zapytań z różnych miejsc na stronie (nagłówek/stopka/kategoria/towar), aby w wiadomościach było jasne, co dokładnie chciano i skąd pochodziło zapytanie.

Stos

MODX Revolution, HTML5, CSS3, JavaScript (ES6), PHP 8.2

Kodowanie
• Podejście komponentowe: powtarzalne bloki katalogu (karty produktów, banery kategorii, CTA) z jednolitym stylem i zachowaniem.
• Responsywność: mobilna logika nie jest „okrojona”, a przemyślana (przyciski, banery, suwaki, popupy).
• Interaktywność: suwaki, dynamiczne bloki, zarządzane stany elementów (hover/focus), drobne szczegóły UX.

Treść i panel administracyjny
• Zbudowana struktura katalogu: kategorie → towary → marki, z możliwością skalowania bez przeróbek.
• Skonfigurowane pola do zarządzania treścią: obrazy, statusy, kody, cechy, pliki kategorii.
• Cechy towaru zrobione jako „powtarzalne wiersze” dla wygodnego wypełniania i ładnego wyświetlania na stronie.

Formularze i zapytania
• Jednolity popup-zapytanie działa na całej stronie: na stronie głównej, w kategoriach, w towarach, na stronach statycznych.
• Zapytania są wysyłane z kontekstem: typ zapytania, punkt kliknięcia (nagłówek/CTA/stopka), strona, towar (jeśli jest) — aby menedżer nie musiał „zgadywać” zamiaru użytkownika.
• Ujednolicony szablon wiadomości z czytelną strukturą danych.

Wynik

Gotowa strona-katalog na MODX z wyraźną wizualną zgodnością z makietą, wygodnym panelem administracyjnym do treści oraz normalną logiką zapytań.

#MODX #Frontend #UI #UX #Katalog #StylEcommerce #Responsywny #JavaScript #Swiper #FormIt #WebDevelopment #CMS #Wydajność #SzablonyEmail #KatalogProduktów