Siquando ProShop10 – Fortschritt oder Rückschritt beim Design?

Eigentlich sollte ProShop10 mit den barrierefreien Flex-Layouts ja genau das bieten, was man sich heute wünscht: moderne responsive Designs, flexibel anpassbar und optisch zeitgemäß.
Soweit also die Theorie.

Motiviert habe ich mich daran gemacht, meiner alten 9er-Version endlich eine Frischzellenkur zu verpassen. Nach einigen Gesprächen mit ChatGPT entstand sogar ein wirklich ansprechendes neues Design inklusive HTML-Vorschau, Farbkonzept und moderner Optik. Also dachte ich: „Perfekt – jetzt setze ich das Ganze einfach mit dem barrierefreien Flex-Layout responsiv aus der 9er-Vorlage in ProShop10 um.“

Gesagt, getan.

In den Design-Einstellungen von ProShop10 stehen einem ja gefühlt unendlich viele Farb- und Einstellmöglichkeiten zur Verfügung. Also frisch ans Werk. Farben angepasst, Bereiche definiert, Menüs gestaltet – alles sah zunächst vielversprechend aus.

Doch dann kam die Ernüchterung.

Egal ob Edge, Google Chrome, Firefox oder Opera:
Siquando weigert sich scheinbar konsequent, viele der Änderungen korrekt umzusetzen. Manche Farben werden übernommen, andere ignoriert. Teilweise ändern sich Bereiche gar nicht oder nur sporadisch. Das Verhalten wirkt absolut inkonsequent.

Natürlich habe ich zuerst an einen Browserfehler gedacht:

• Browsercache gelöscht
• mehrfach neu geladen
• verschiedene Browser getestet
• sogar unterschiedliche Layoutvorlagen ausprobiert

Leider ohne wirklichen Erfolg.

Also zweiter Versuch:
Nicht das alte barrierefreie Flex-Layout, sondern das komplett „Leere Flex-Layout (responsiv)“.

Aber auch dort exakt dasselbe Spiel:
Man kann zwar praktisch alles einstellen, aber ein Teil davon wird einfach nicht sauber übernommen oder angezeigt.

Und genau da kommt langsam Frust auf.

Jetzt frage ich mich ernsthaft:
Mache ich irgendwo grundsätzlich etwas falsch?
Oder hat Siquando mit ProShop10 zwar optisch modernisiert, technisch aber eher einen Rückschritt gemacht?

Denn ganz ehrlich:
Ein modernes Shopsystem sollte Designanpassungen heute zuverlässig und browserübergreifend umsetzen können – ohne dass man sich wie ein Beta-Tester fühlt.

Vielleicht hat hier jemand ähnliche Erfahrungen gemacht oder sogar eine Lösung gefunden.
Über Tipps oder Erfahrungsberichte würde ich mich jedenfalls freuen.

Nachtrag: Jetzt wird’s endgültig kurios …

Spannenderweise zeigt mein Desktop-PC teilweise ein komplett anderes Ergebnis als mein Laptop.
Und das obwohl auf beiden Geräten nur ein Teil der Einstellungen überhaupt übernommen wird.

Das macht die Sache natürlich nicht gerade weniger verwirrend.

Man sitzt davor, kontrolliert die Farben, speichert alles sauber ab, löscht Browsercache, testet mehrere Browser – und trotzdem sieht jede Kiste gefühlt etwas anderes. Mal stimmt der Hintergrund, mal das Menü, mal gar nichts.

Und jetzt fehlt eigentlich nur noch, dass mir jemand erklärt:
„Das ist vermutlich Provider- oder PHP-abhängig …“

Ganz ehrlich:
Wenn das tatsächlich der Grund wäre, dann bekomme ich langsam Hörner.

Denn wir reden hier ja nicht von irgendwelchen exotischen Spezialfunktionen, sondern von simplen Design- und Farbanpassungen innerhalb eines aktuellen Shopsystems.

Momentan fühlt sich ProShop10 jedenfalls eher wie:
„Viel einstellen dürfen – aber nur teilweise angezeigt bekommen.“

Vielleicht kennt jemand dieses Verhalten oder weiß, warum ProShop10 scheinbar je nach Gerät und Browser andere Resultate liefert.

Hallo René,

Du bist ja mit deiner Feststellung, dass Deine Bearbeitungen auf dem Desktop oder mobil unterschiedlich dargestellt werden und Deinem Löschen des Cache und dem Testen mehrerer Browser auf der richtigen Spur. Gerade bei den responsiven Flex-Layouts ist ja offensichtlich, dass es nicht an dem Siquando Pro Web/Shop liegt.

Die Internet-Provider und CDNs cachen vielmehr die Webseiten. Deine Browser ihrerseits haben einen Cache. Letzteren kannst Du natürlich löschen. Der Provider-Cache dagegen hat default-mäßig einen vergebenen "time-to-leave" Zeitstempel, je nach Einkategorisierung der Seiten und Abrufzahlen dieser Seiten durch die Providerkunden bzw. Kunden ihrer CDNs. Dann gibt es ja noch DNS-Cache auf Deinem Rechner und je nach dem serverseitigen Cache im Rechenzentrum. Und bei Siquando selber als CMS ja noch die "Vorschau zurücksetzen / Vorschau neu laden" Funktionen. Und wem das noch nicht genügt gibt es in manchen Routern/Firewalls auch Caches. 

Um jetzt nicht zu verzweifeln oder ständig die verschiedenen Browser-Caches etc. zu löschen und doch unsicher zu sein, welchen Stand Kunden/Besucher gerade sehen, empfiehlt es sich bei Design-Weiterentwicklungen immer bis zum Abschluss des Relaunch mit Inkognito-Fenstern (!) der Browser zu arbeiten. Außerdem ist es hilfreich ein Desktop- und ein Mobilgerät bereitzuhalten, dass normalerweise nicht für die Arbeit an der Webseite und am Shop genutzt wird (und idealerweise einen anderen Zugang zum Internet nutzt).

Letzter Tipp: Gerade wegen dem Thema Provider/CDN-Cache ist es hilfreich zum Testen mal die Zugangswege ins Internet zu ändern. Beispiel: Ein Smartphone, dass im Büro am selben WLAN eingeloggt ist wie ein Desktop interagiert damit über denselben Router und dieselben CDNs bis hin zum Internetprovider mit seinen Caches. Schaltet man nun das WLAN am Smartphone aus und zwingt es damit auch im Büro sich mit dem Mobilfunkprovider zu verbinden sind meistens alle vorherigen Cache-Probleme weg. Genauso kann es Hilfe sein den Desktop-Rechner zum Kontrollieren als Hotspot-Client mit dem Smartphone zu verbinden und einfach mal nicht mit dem DSL/Firmennetz mit dem Internet zu verbinden sondern testweise über Mobilfunk. Auch damit sind oftmals die Cache-Problematiken überwinden.

Und natürlich kann man verschiedene Caches wie den DNS-Cache auch per Betriebssystem-Befehlen löschen.

Meine Tipps mit den Inkognitofenstern oder dem Wechsel des Internetzugangs sind aber stressfreier und zielführender.

Ich hoffe, das hilft. Viel Erfolg!

Oliver  

Hallo Oliver

Danke für Dein ausführliches Feedback und die vielen guten Tipps – die werde ich sicher berücksichtigen.

Schade finde ich einfach, dass man es heutzutage trotz KI und moderner Technik seitens der Softwareanbieter nicht besser lösen kann, sodass nicht immer der Kunde in der Pflicht steht. Ich bin zwar kein Informatiker, könnte mir aber vorstellen, dass sich so etwas auch mittels Script oder automatisierter Befehle eleganter lösen liesse.

Ich betreue selbst eine Vereinsseite mit Wordpress, und dort wird praktisch jede Änderung sofort und ohne Umwege wie Cache löschen oder ähnliche Massnahmen übernommen. Deshalb erstaunt mich das Ganze schon etwas.

Trotzdem nochmals danke für Deine Hilfe und die konstruktiven Hinweise.

Halo Rene,

da prallen halt Interessen aufeinander. Internetprovider sind froh um jede gecachete Version aus Kostengründen, User sind meist auch froh, weil dank Cache beim CDN oder an anderer Stelle) Seiten und Inhalte schneller ausgeliefert werden. Problematisch wird das nur wenn versehentlich echtzeitkritische Seiten durch den Cache verzögert ausgeliefert würden: Limitierte Aktionen o.ä. - aber da haben die Provider und ihre CDNs meist viel Erfahrung mit.  

Kurzum, der einzige, der nicht froh ist ist der Webdesigner, der gerade umfangreiche Template-Neugestaltungen vornimmt und feststellt, dass diese nur verzögert getestet werden können, Und da greifen die erwähnten Tipps von mir.

Bei Content kann ein CMS durchaus Informationen und Zeitstempel mitliefern, die eine korrekte Einkategorisierung befördern und auch bei Siquando ist es ja so, dass alle inhaltlichen Änderungen, die wir vornehmen, in der Regel sofort überall zu sehen sind. Der Cache greift meistens bei Content vor allem Videos, bei normalen Web- und Shopseiten aber vor allem Designelemente, die eben ja in der Regel selten geändert werden und daher gut gechachet werden können.

Ein Softwarehersteller kann da wenig tun. Siquando Pro, wie jedes moderne CMS liefert Serverabfragen in Echtzeit immer in der neusten Version. Der Cache auf Provider- oder CDN-Seite führt aber ja eben dazu, dass gar nicht erst beim Server (vollständig) abgefragt wird. Es ist also eine gute Frage, wie man in Redesign-Prozessen schon während der Design-Arbeit diese eigentlich ja sinnvollen Cache-Prozesse vermeidet. Und da bietet Siquando ja auch einen Weg mit Subprojekten. So ein Develop-Unterprojekt mit eigener URL dürfte kaum "Opfer" von Provider-Caches werden. Dann noch mit Inkognitofenstern im Browser arbeiten und am Ende, wenn alles passt dass Develop-Unterprojekt wieder zurückübertragen. Dann sollten eigentlich fast alle typischen Probleme minimiert sein. Oder ein lokaler Entwicklungsserver mit ausgeschaltetem Cache.

Bei aller temporären Mühe ist in jedem Fall wichtig, dass Dein Phänomen kein Problem mit Pro 10 ist und alle Deine Designänderungen. die Du vornimmst auch genauso umgesetzt werden. Die vielstufigen Caches verhindern manchmal das man sofort selber seine aktuellste Version sieht, aber serverseitig steht die zum Abruf bereit. Alles nur eine Frage der Zeit.

Und klar, natürlich gibt es immer Versuche so ein Caching zu verhindern. Man kann auf dem Apache-Server mit "no-store, no-cache, must-revalidate, max-age=0"-Anweisungen versuchen den Provider-Cache zu unterbinden. Aber im Normalbetrieb wollen ja auch wir Webmaster oder Shopbetreiber, dass unsere Besucher schnelle Ladezeiten haben. Bei Wordpress gibt es auch keinen geheimen Zaubertrick, aber Plugins wie LiteSpeed Cache, WP Rocket oder Speed Optimizer. Sowas könnte man sich natürlich bei Siquando auch wünschen. Die passen die .htaccess an.

Du selber kannst auch mit Meta-Tags im oberen HTML-Segment arbeiten, z.B.

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">  

Das hat den Vorteil, dass Du es nach dem Design-Relaunch auch schneller wieder entfernen kannst. Aber wirksamer ist das natürlich auf Serverebene.

In jedem Fall ist das entweder temporär sinnvoll (wie bei Dir beim Re-Design) oder bei Webseiten mit echtzeitkritischen Inhalten, aber allgemein ist Cachen sinnvoll und das vermeiden von Caches führt zu längeren Ladezeiten. Was kaum jemand wollen kann.

VG Oliver

 

Hallo Oliver

Danke nochmals für deine ausführlichen Tipps und Erklärungen. Mit 71 Lenzen muss – oder will – man nicht mehr alles bis ins letzte Bit und Byte verstehen. Aber manchmal kratzt man sich halt schon am Kopf und denkt sich: „Wer hat sich denn DAS wieder ausgedacht?“ Wenn etwas eigentlich helfen sollte, aber am Ende das Arbeiten eher komplizierter macht, darf man schon mal leise fluchen.

Aber gut – was für die einen eine grosse Hilfe ist, ist für die anderen eher ein Hindernislauf. So ist das wohl mit der modernen Technik. Trotzdem versuche ich, auch im fortgeschrittenen Semester geistig fit zu bleiben und nicht ganz den Anschluss zu verlieren. Mein Hirn soll ja schliesslich nicht einrosten.

Hallo Oliver, hallo zusammen

kurzer Statusbericht aus dem Abenteuerland namens „Online-Shop-Software“:

In der Zwischenzeit habe ich einige Tipps und Anregungen von Oliver umgesetzt. Im Inkognito-Modus kann man teilweise (wirklich nur teilweise) schon erkennen, dass ich am Umbauen bin. Live am Laptop sieht man hie und da ebenfalls kleine Veränderungen. Es ist also beruhigend zu wissen, dass sich irgendwo tief im digitalen Maschinenraum tatsächlich etwas bewegt.

Aus Sicht des Otto-Normalverbrauchers gestaltet sich das Ganze allerdings weiterhin wie eine Mischung aus Überraschungsei und Geocaching:
Man ändert etwas in einer Online-Software … und dann beginnt die spannende Suche nach der Stelle, an der die Änderung vielleicht irgendwann sichtbar wird.

Von Wordpress verwöhnt erwartet man ja naiverweise:
„Speichern“ → sichtbar.
Siquando verfolgt hier offenbar einen innovativen Ansatz:
„Speichern“ → meditieren → Cache löschen → Inkognito-Modus → Mondphase prüfen → eventuell sichtbar.

Natürlich verstehe ich inzwischen auch, dass Themen wie Ladezeiten, Cache, Optimierung und diverse von Oliver erklärte Mechanismen berücksichtigt werden müssen. Technisch macht das vermutlich alles Sinn.

Emotional betrachtet fühlt es sich aber eher so an, als würde man einen Lichtschalter drücken und anschließend 20 Minuten hoffen, dass irgendwann irgendwo ein Raum heller wird.

Kurz gesagt:
Siquando setzt die Befehle vermutlich schon um.
Wann diese dann vollständig, überall und für normale Menschen sichtbar werden, bleibt ein spannendes Kapitel zwischen Quantenphysik und Wahrsagerei.

Hallo Renè,

hab auch schon einige Design selbst erstellt oder modifiziert.

Möcht nur eines Ergänzen (Allerdings bin ich gerade unterwegs und nicht am PC):

Es gibt zwei Dateien im Designordner in denen alle Layouteinstellungen vordefiniert sind (z.B. für Design-Wechel) und beim Designauswahl in die Datenbank geschrieben wird. In diese Datein sind jedoch nicht immer alles definiert, sondern nur das was für das gewählte Design selbst notwendig ist, diese auch entsprechend darzustellen. Beispiel auch Farbe, Rahmen usw. Wenn dann das Design gewechselt wird (eine Modifizierung ist wie ein Design-Wechsel), dann kann auch durch fehlende Definitionen eventuell auch beim ersten mal, gewisse Einstellungen nicht übernommen worden sein und erst beim zweiten speichern in den Design-Einstellungen die Änderung in die Datenbank geschrieben sein.

Erst wenn es in der Datenbank richtig geschrieben ist, wird bei Aufrufen der Seite die auch in den Cache geschrieben, die dann im Browser gezeigt wird.

Neue selbst erstellte Definitionen oder Codes müssen also erst mal in die Datenbank bevor diese dann auch angezeigt werden können und im Cache sind. Das sind zwei Hürden die zu nehmen sind, bis die Seite richtig angezeigt wird.

Nur Änderungen und neue Definitionen in der Designdatei selbst, wirkt also nur, wenn auch in den Design-Einstellungen eine Änderung durchgeführt wurde.

Hier habe ich festgestellt, dass man auch manchmal zwei mal ändern muss, bis dann diese zu sehen ist.

Hallo Thomas

Danke auch Dir für die ausführliche Beschreibung und die hilfreichen Inputs. Es tut gut zu sehen, dass man mit solchen Themen nicht ganz alleine dasteht.

Du hast geschrieben, dass Du teilweise Änderungen zwei Mal vornehmen musstest, bis sie übernommen wurden. Genau da habe ich im Moment ebenfalls meine Mühe. Ich finde einfach: Wenn ein Softwareanbieter einen Button wie „Design bearbeiten“ integriert – oder allgemein Bearbeitungsmöglichkeiten anbietet – dann sollte das, was dort eingestellt wird, nach Möglichkeit auch zuverlässig umgesetzt werden. Gerade in einer Online-Lösung erwartet man ja eigentlich, dass Änderungen zeitnah sichtbar werden.

Ich bemühe mich wirklich, Eure Hinweise und Erklärungen von Dir und Oliver nachzuvollziehen. Aber manchmal braucht mein alter Sturschädel halt etwas länger, bis alles „klick“ macht. Schwieriger wird es dann zusätzlich, wenn man vom Support das Gefühl bekommt, als Anwender grundsätzlich alles falsch zu machen und die Software selbst könne gar keine Ursache sein.

Da fragt man sich gelegentlich schon: Wird man langsam zu alt für die digitale Welt – oder spricht man einfach nicht mehr dieselbe Sprache wie heutige Informatiker?

Ich hänge mal zwei Screenshots an:

• Einer zeigt den aktuellen Fortschritt (nach 24h), wie er mittlerweile online sichtbar ist (Bild Links).
• Der andere zeigt das, was ich im Bearbeitungsfenster von Siquando sehe (Bild rechts).

Vielleicht erkennt ja jemand von Euch noch, wo mein Denkfehler liegt oder was ich übersehe. Für weitere Hinweise und Unterstützung bin ich auf jeden Fall dankbar.

Und damit der Bildungsauftrag vollständig erfüllt ist, hier noch der offizielle „Support-Hinweis für Dummys“

Man müsse halt zwischendurch immer wieder den Button betätigen, damit man im Bearbeitungszustand sehe, was man überhaupt gemacht habe.

Auf so eine revolutionäre Technik muss man als normaler Anwender natürlich erst einmal kommen. Ich war offenbar noch in der völlig veralteten Vorstellung gefangen, dass eine Software Änderungen vielleicht einfach direkt anzeigen könnte. Mein Fehler.

Die Anfrage beim Support lief übrigens nicht einmal direkt über mich, sondern über einen Kollegen — weil ich persönlich von Siquando seit ungefähr zwei Jahren auf Anfragen ungefähr so viele Antworten bekomme wie von meinem Drucker nach Mitternacht.

Aber immerhin weiss ich jetzt:
Nicht die Software ist verwirrend — der Anwender aktualisiert einfach zu wenig.

Vielleicht braucht moderne Webtechnik einfach regelmässige Motivation durch hektisches Button-Klicken.

Das wirklich Faszinierende an der ganzen Geschichte ist ja:
Selbst nach intensivem Button-Drücken, mehrfachem Aktualisieren und dem neu erworbenen Support-Fachwissen blieb am Ende trotzdem alles exakt gleich wie bereits 24 Stunden zuvor.

Aber vermutlich war ich einfach noch nicht im richtigen Synchronisationsrhythmus mit dem Universum der Software.

Früher hiess es:
„Speichern nicht vergessen.“

Heute offenbar:
„Klicken Sie bitte in regelmässigen Abständen nervös auf denselben Button und glauben Sie fest daran.“

Immerhin lernt man nie aus.
Ich dachte bisher tatsächlich, eine Online-Anwendung würde Änderungen automatisch übernehmen, wenn sie erfolgreich gespeichert wurden.

Wieder etwas dazugelernt.

Sorry habe vergessen das Bild anzuhängen