OS ServicesBooking - große Probleme mit der UI - wie kann ich die lösen?

Vor dieser Extension (OS Services Booking) hatte ich EasyServicesBooking von JoomBoost erprobt. Weil aber der Support unterirdisch war und sich schließlich zeigte, dass einige von mir unbedingt benötigte Features nicht vorhanden waren, habe ich nun von OS Services Booking die Lizenz erworben.

Auf meiner Website läuft YooThemePagebuilder, welcher auf UIkit beruht. Der ist sehr stabil und ich bin sehr zufrieden damit. OS Services Booking (=OSB) bietet an un d bewirbt auch, dass man wahlweise Bootstrap oder UIkit aktivieren kann. Natürlich hatte ich UIkit gewählt, passend zu meinem YooTheme – wie ich glaubte.

Das nach der Installation sichtbare UI auf meiner Produktivseite war gräßlich: Texte liefen über Umrandungen hinaus, Textabsätze begannen vertikal unterschiedlich usw. Auch der Kalender, in den man auf Tage klicken kann, hatte keine hinterlegten Farben und der Mauszeiger änderte sich nicht beim Hover über ein Datum.

Der Supporter reagierte sehr schnell und freundlich und fragte nach dem Admin-Zugang. Er änderte dann in OSB einfach die Grundlage auf Bootstrap 2 ergänzt durch Twitter-Bootstrap. Ja und dann waren die Darstellungsfehler weitgehend behoben. Aber es werden umfangreiche Bootstrap-CSS und Bootstrap-JS Dateien geladen. Ich wollte aber meine Site so einfach halten, wie möglich. Naja immerhin wird das Zeug nur geladen, wenn der Buchungskalender auf einer Seite platziert ist und nicht auf allen Seiten.

Dann habe ich versucht, das immer noch unschöne und meiner Ansicht nach wenig benutzerfreundliche Layout anzupassen. Geht kaum, weil zahlreiche CSS-Definitionen im Bootstrap-CSS bereits mit !important festgenagelt sind. Zudem fehlte plötzlich im Brave-Browser im Buchungsformular das Kontrollkästchen für die Akzeptanz Datenschutzbestimmungen, während es bei Firefox und Opera angezeigt wird. Bei einigen Browsern auf Smartphones wird der Button "Jetzt Buchen" nicht angezeigt, sodass keine Buchung erfolgen kann.

Daraufhin habe ich OSB auf einer völlig frisch aufgesetzten Website installiert, auf der ebenfalls YooThemePagebuilder läuft. Ich wählte von Anfang an "UIkit" aus und erhielt eine ziemlich brauchbare, ansprechende UI. Kaum klickte ich auf eine DropDown-Listbox und wählte etwas aus, brachen alle anderen Auswahl-Listboxen aus dem Layout und wurden nebeneinander in einer Reihe angezeigt. Generell war es so, dass im HTML überall das UIkit von YooTheme verwendet wurde, ergänzt durch einige CSS-Definitionen von OSB. Zusätzlich wurde aber - obwohl nicht genutzt - der ganze Bootstrap-Krempel geladen.

Nachdem ich auch mit UIkit Probleme hatte, die UI anzupassen, schaltete ich im Backend des OSB auf Bootstrap 2 + Twitter-Bootstrap um. Und schlagartig wurde eine völlig andere UI-Gestaltung gezeigt. Die war noch schlimmer, als diejenige, die ich ganz zu Anfang auf meiner Produktiv-Website erlebt habe.

Also wechselte ich die Einstellung auf UI-kit zurück. Aber es änderte nichts! Die Gestaltung blieb so und ich erhielt nie wieder das zuerst gezeigte Layout zurück! Das beweist mir, dass hier enorme Probleme vorliegen müssen, zumal ich auf beiden Websites keinerlei Cache verwende.

Mittlerweile reagiert der Support auf meine Fragen "verschnupft" = sehr kurze Antworten bei länger werdenden Antwortzeiten. Ich falle ihm wohl lästig.

Am liebsten hätte ich ein ganz neues Template für das OSB. Aber wer kann mir so etwas erstellen? Und wie aufwändig würde das, auch hinsichtlich der Kosten? Ich habe schlichtweg keine Ahnung von so etwas.

Gibt es ein seriöses Forum, wo ich nach solchen Leistungen fragen kann?

Oder: Wie sollte ich am besten vorgehen, um letztlich zu einer für mich passenden Gestaltung zu kommen, die aber die vorhandenen Möglichkeiten optimal nutzt?

Zitat von christine2

Möchte nicht, dass meine Daten öffentlich sind.

Keine Sorge, die Daten sind nicht öffentlich. Du wirst auch nicht als Joomla-User gespeichert, sondern deine Mailadresse bekommt einen Code / Hashwert oder sowas zugeordnet und landet in der Datenbank. Das wird auch benötigt, wenn du in der Email, die du als Buchungsbestätigung erhältst, den Bestätigungslink anklickst, sodass die Bestätigung zugeordnet werden kann.

Ich denke schon daran, die UI mit den Elementen des UIkit nachzubauen und so anzuordnen, dass es benutzerfreundlicher wird. Aber entsprechende Standard-Elemente gibt es nicht in der Bibliothek von YooTheme. Zudem müssen ja die meisten Listboxen mit entsprechendem Javascript verknüpft werden. Glaube kaum, dass ich das hinbekomme.

Doch noch eine Frage (könnte auch in einen neuen Thread / Thema passen?)

Das OSB lädt also die Bootstrap-CSS. In der ist z.B. definiert:

.input-large {width: 210px !important;}

Dass das Input-Feld mit dieser CSS-Klasse gestaltet wird, ist in der Template-PHP definiert. Ich traue mir nicht zu, die Template-PHP zu verändern, da mir das KnowHow fehlt.

Welche andere Möglichkeit gibt es dann für mich, um hier eine andere width-Definition als vorrangig zu definieren?

Ach ja, was ich an dem UI der Buchungs-Extension hauptsächlich auszusetzen habe:

Es ist die Unlogik in dem im obigen Link vorgegebenen Vorgehen. Erst wählt man die Leistung aus und muss dann im Kalender herum probieren, an welchen Tagen diese Leistung überhaupt buchbar / verfügbar ist.

Zudem kann in diesem UI nicht per DropDown-Liste ausgewählt werden, in welcher Praxis die Leistung gebucht werden kann (falls mehrere Standorte betrieben werden) und ob der Interessent bereits Klient ist oder nicht. Falls nicht, könnte er nur zwei der vier angebotenen Leistungen buchen.

Diese Möglichkeiten bietet aber wiederum das Buchungs-Modul, das ich ja in einem Artikel platzieren kann.

Und hier funktioniert dann auch, dass bei der Datumswahl nur diejenigen Tage im Kalender farblich hinterlegt als buchbar gekennzeichnet werden und das o.g. Problem des "Datum-Herumprobierens" nicht auftritt.

Leider ist das UI, das nach Betätigen des "jetzt buchen" Buttons erscheint, in dem Sinne unvollständig, das dem Benutzer nicht noch mal oberhalb des Titels "gewünschte Uhrzeit auswählen" die per DropDown-Liste ausgewählten Optionen zusammengefasst angezeigt werden – auch nicht auf dem danach erscheinenden Buchungsformular.

Und um solche Dinge zu ändern / ergänzen, fehlt mir das KnowHow, erfolgreich und effizient in die Template-Dateien eingreifen zu können.

Warum diese Genauigkeit zumindest in meiner Anwendung so wichtig ist? Menschen mit starken psychischen Schwierigkeiten wie Depression, allgemeine Erschöpfung / BurnOut usw. haben nur eine eingeschränkte Fähigkeit, eine Vielzahl von Informationen gleichzeitig zu verarbeiten, weil das Gehirn durch den psychischen Dauerstress erschöpft ist.

Aus dem gleichen Grund laufen alle meine Praxis-Videos immer in einer Lightbox – einfach um die mögliche Ablenkung von sonst auch noch sichtbaren Informationen zu vermeiden.

Ohhhh, das wusste ich nicht! Vielen Dank dir!

Insgesamt finde ich die Verwendung der Bootstrap.css völlig überzogen: Wenn ich im Inspektor des Browsers nachsehe, wie viele der CSS-Definitionen dort ungültig oder fehlerhaft oder "outdated" sind, da ärgert mich, dass so viel unnötiger Schrott geladen wird. Und der evtl. sogar zu Darstellungsfehlern führt.

Re:Later Aktualität des verwendeten Bootstrap

Habe gerade mal im Firefox Inspektor mir die Bootstrap-CSS und Scripte angeschaut. Dort werden sie mitsamt der Versionsnummer angezeigt.

Demnach wird Bootstrap in der aktuellsten Version 5.3.2 geladen und zwar nicht das gesamte Paket sondern anscheinend nur die für die Darstellung benötigten Teil-Pakete.

Ich wollte ja ganz auf Bootstrap verzichten, eben weil die Extension eine Umschaltung anbiete, in der man auch UIkit wählen kann. Aber es scheint so, wenn man ein Mal Bootstrap gewählt hatte, kommt man nicht mehr auf UIkit zurück.

Betreffend Programmierung zur Anpassung:

Da ist ein höllisches Javascript hinter den Funktionen. Ich vermute, dass ein neu sich daran begebender Programmierer einen ganz erheblichen Einarbeitungsaufwand haben würde.

Nach genauer Betrachtung des HTML-Quelltextes der verschiedenen Darstellungen sehe ich, dass es verschiedene inhaltliche Blöcke gibt, die mit einer Klasse oder sogar einer ID begonnen und beendet werden. Das Template müsste so geändert werden, dass einer dieser Blöcke zusätzlich angezeigt wird und dynamisch eine Überschrift dazu mit Inhalt gefüllt wird.

Daraus folgere ich, dass der Programmierer der Extension, falls er denn die Zeit dazu hat, der beste Auftragnehmer sein würde. Und er sollte die Änderung ja auch gleich als Override erstellen, damit der Spaß nicht beim nächsten Update zu Ende ist.

Eine Anfrage dazu habe ich gerade gestellt. Die Anfrage ist in Englisch auch auf der Webseite zu sehen und eine Fotokollage dazu, wie das Ganze denn nach Änderung aussehen soll.

Ich finde den Ablauf einer Buchung, wenn die Änderung erfolgt ist, als einfach, unmissverständlich und intuitiv.

Oder hat jemand noch Ideen zur Optimierung?

Vier Versuche habe ich unternommen, von JoomDonation – auch gegen Bezahlung – die gewünschten Änderungen zu erhalten. Die genaue Beschreibung der gewünschten Änderungen stehen mittlerweile mit auf der Webseite, die den Buchungskalender beinhaltet.

Die Rückfragen, die dann jedes Mal von JoomDonation kommen, kann ich nur als "dran vorbei reden" bezeichnen und ich vermute inzwischen, dass er den Auftrag zur Änderung nicht haben will.

Nun habe ich verschiedene Dienstleister aus dem oben empfohlenen Verzeichnis angeschrieben und bin gespannt, ob ich jemanden finde, der zu vernünftigen Konditionen die Aufgabe löst. Die Beschreibung der Aufgabe ist nun auch in Deutsch auf meiner Website.

Sieger66 Vielen Dank für deinen Hinweis! Die Extension ist bereits voll J5 tauglich. – Aber das Thema betr. Updates der Extensions und Override ist natürlich zu beachten. Und genau das diskutiere ich gerade mit dem Entwickler.

Anscheinend lässt sich die UI-Anpassung auf Grundlage bereits vorhandener Software-Bausteine leicht erreichen und dies kann dann als Override angelegt werden.

Ich habe aber einen Anpassungswunsch, nämlich einen "Reset-Button", mit dem ein bereits begonnener Buchungsvorgang abgebrochen werden kann und die dadurch blockierte Buchungszeit wieder frei gemacht wird. Das würde in die Core-Function eingreifen und hat dadurch natürlich das Update-Problem.