Neu Shop 5.1.1 und Evo-Template 5.1.0: Fehlerhafte Bildergalerie- und Preisaktualisierung bei Variationen in Artikel-Übersicht und Artikel-Detailseite

[Sessel & Sofas]

Wir führen seit 2016 einen Jtl-Shop für Polstermöbel und haben u.a. den Sprung von Version 3 auf 4 mitgemacht und diverse Bugs teilweise auch selbst behoben. Mit Einführung dieses Features:
https://www.jtl-software.de/blog/loesungen-von-jtl/shop-406-artikellistings
hat es aber die Funktionalität bei der Aktualisierung der Bildgalerie sowie dem Preis zerschossen. Der Fehler besteht auch nach wie vor in der aktuellen 5.1.1 Shop-Version in Kombination mit den Evo-Templates Version 5.1.0.

Konkret äußert sich das bei Artikeln mit mehreren Variationen, die den Preis und/oder einen Bildwechsel in der Galerie auslösen.
In der Artikel-Übersicht wird bei der Vorschau (Quickview) zwar das Bild beim Wechsel der Varianten per Dropdown bzw. Swatches sauber ausgetauscht, jedoch bleibt der Preis unverändert beim Initial-Preis.

Hier ein kurzes Video, das den Fehler veranschaulicht. Bildergalerie-Funktionalität ist hier ok (grün umrandet) und die Preisanzeige fehlerhaft (rot umrandet):
https://jtl5.sesselundsofas.de/media/video/artikeluebersicht.mp4

Die Testseite dazu gibt es hier:
https://jtl5.sesselundsofas.de/Wohnmoebel

Auf der Artikeldetail-Seite verhält es sich umgekehrt. Die Aktualisierung des Preises funktioniert hier (grün umrandet) fehlerfrei. Bei den Dropdown-Varianten werden hinterlegte Bilder in der Bildergalerie (rot umrandet) zwar initial, bzw. beim ersten mal korrekt angezeigt. Bei erneuter Auswahl bleibt jedoch das zuletzt (initial) gewählte Bild stehen. D.h. man bekommt hier ein falsches Variationsbild zu sehen. Bei den Swatches (hier Bezugsart) funktioniert der Bildwechsel beim Vor- und Zurück jedoch wieder fehlerfrei.

Fehler-Video zu Artikeldetail-Seite:
https://jtl5.sesselundsofas.de/media/video/artikeldetails.mp4

Die Testseite dazu gibt es hier:
https://jtl5.sesselundsofas.de/Loop-Sessel

In Shop-Version 4.05 gibt es die Quickview/Vorschau auf der Artikel-Übersicht noch nicht und auf der Artikelseite funktioniert der Preis- und Bilderwechsel fehlerfrei. Deshalb nutzen wir momentan auch noch immer diese Version. D.h. mit Einführung/Erweiterung dieser Vorschau-Funktion hat sich womöglich irgendein Fehler in der JavaScript-Funktion eingeschlichen.

Da ein Wechsel auf Version 5 aber ab nächstem Jahre quasi Pflicht wird, bitten wir darum, diesen Fehler zeitnah zu beheben. Wir wollten eigentlich noch bis Ende diesen Monats (September 2021) auf Version 5 umstellen.

Das neue Nova-Template der Shop-Version 5 bietet eine beschränkte bzw. zu wenig Funktionalität für Mobilgeräte in Bezug auf Variationsbilder. Hier wird lediglich ab einer Bildschirmbreite von ca. 1000px ein Popup-Bild links neben dem Variationswert im Dropdown angezeigt. In der Bildergalerie erscheint das gewählte Variations-Bild überhaupt nicht mehr. D.h. ein Smartphone-Benutzer bekommt das hinterlegte Artikel-Variationsbild nie zu sehen.

 

[mastertango]

Grundsätzlich zu den Variationen ist es ja so das man diese nach Möglichkeit so wenig wie möglich nutzen sollte, sondern immer Variationskombinationen.
Daher würde ich über kurz oder lang, gerade was Mobil angeht das ganze über den Konfigurator lösen. Ich weis wovon ich rede, ich habe selber 7 Jahre lang Möbel mit JTL verkauft bevor ich die Firma verlassen habe.

Was deinen Fehler angeht so muss ich dir leider sagen, kann ich diesen nicht reproduzieren. Kannst du mir vielleicht sagen welchen Browser du benutzt. Des weiteren ... wenn du selber den Shop gestaltest, achte bitte immer drauf den Cache im Shop und seit der 5.1 auch immer den Browsercache zu leeren sobald du änderungen am Design oder auch größere an Bildern bei Artikel vornimmst.

 

[Sessel & Sofas]

Grundsätzlich zu den Variationen ist es ja so das man diese nach Möglichkeit so wenig wie möglich nutzen sollte, sondern immer Variationskombinationen.
Daher würde ich über kurz oder lang, gerade was Mobil angeht das ganze über den Konfigurator lösen. Ich weis wovon ich rede, ich habe selber 7 Jahre lang Möbel mit JTL verkauft bevor ich die Firma verlassen habe.

Was deinen Fehler angeht so muss ich dir leider sagen, kann ich diesen nicht reproduzieren. Kannst du mir vielleicht sagen welchen Browser du benutzt. Des weiteren ... wenn du selber den Shop gestaltest, achte bitte immer drauf den Cache im Shop und seit der 5.1 auch immer den Browsercache zu leeren sobald du änderungen am Design oder auch größere an Bildern bei Artikel vornimmst.

Hallo mastertango,

vielen Dank für dein Feedback!

Eines bitte vorweg: es geht hier nicht um die Diskussion und den Sinn und Zweck von Variationen und Variationskombinationen. Deine Infos sind uns schon länger bekannt.

Wie schon beschrieben funktioniert das alles fehlerfrei, seit der Umstellung von 4.05 auf 4.06

Das ganze ist auch kein Bildcache- oder Plattform- und/oder Browserproblem. Der Fehler ist auf allen Systemen und Browsern gleich nachvollziehbar.

Bitte schaue Dir nochmal die beiden Videos genau an. Ich habe die nicht umsonst erstellt.

Bei der Übersichts-Seite funktioniert die Preis-Aktualisierung nicht wenn man entsprechend Variation per Dropdown wählt. Einfach Variation mit Aufpreis wählen und auf den Preis danach schauen. Die hinterlegten Variationsbilder werden dafür sauber gewechselt/ausgetauscht.

Bei der Artikelseite funktioniert das zwar, aber der Bildwechsel entsprechend hinterlegter Variationsbilder funktioniert „immer nur“ beim ersten mal. Einfach mal unterschiedliche Variationswerte im Dropdown-Select „erneut bzw. im Wechsel“ klicken und dabei auf die Bildergalerie achten.

 

[mastertango]

Hallo,

sorry, hatte beim ersten mal wohl nicht genau auf Vorschau gedrückt und es nicht bemerkt.
Nochmal bissl ausführlicher durchgespielt und ja alles wie du sagst ....

Mir ist aufgefallen das er beim erneuten Aufruf der Bilder diese nicht aus dem Cache nimmt... obwohl er vielleicht sollte ....
Der normale Ablauf ist aufruf des Bildes und dann io.php .... beim erneuten Aufruf wird nur die io.php aufgerufen ... da könnte vielleicht ein Ansatz für jemanden liegen der dichter dran ist am Thema .....




zum anderen kann ich nichts sagen ... da habe ich nix gefunden

 

[Sessel & Sofas]

Wir führen seit 2016 einen Jtl-Shop für Polstermöbel und haben u.a. den Sprung von Version 3 auf 4 mitgemacht und diverse Bugs teilweise auch selbst behoben. Mit Einführung dieses Features:
https://www.jtl-software.de/blog/loesungen-von-jtl/shop-406-artikellistings
hat es aber die Funktionalität bei der Aktualisierung der Bildgalerie sowie dem Preis zerschossen. Der Fehler besteht auch nach wie vor in der aktuellen 5.1.1 Shop-Version in Kombination mit den Evo-Templates Version 5.1.0.

Konkret äußert sich das bei Artikeln mit mehreren Variationen, die den Preis und/oder einen Bildwechsel in der Galerie auslösen.
In der Artikel-Übersicht wird bei der Vorschau (Quickview) zwar das Bild beim Wechsel der Varianten per Dropdown bzw. Swatches sauber ausgetauscht, jedoch bleibt der Preis unverändert beim Initial-Preis.

Hier ein kurzes Video, das den Fehler veranschaulicht. Bildergalerie-Funktionalität ist hier ok (grün umrandet) und die Preisanzeige fehlerhaft (rot umrandet):
https://jtl5.sesselundsofas.de/media/video/artikeluebersicht.mp4

Die Testseite dazu gibt es hier:
https://jtl5.sesselundsofas.de/Wohnmoebel

Auf der Artikeldetail-Seite verhält es sich umgekehrt. Die Aktualisierung des Preises funktioniert hier (grün umrandet) fehlerfrei. Bei den Dropdown-Varianten werden hinterlegte Bilder in der Bildergalerie (rot umrandet) zwar initial, bzw. beim ersten mal korrekt angezeigt. Bei erneuter Auswahl bleibt jedoch das zuletzt (initial) gewählte Bild stehen. D.h. man bekommt hier ein falsches Variationsbild zu sehen. Bei den Swatches (hier Bezugsart) funktioniert der Bildwechsel beim Vor- und Zurück jedoch wieder fehlerfrei.

Fehler-Video zu Artikeldetail-Seite:
https://jtl5.sesselundsofas.de/media/video/artikeldetails.mp4

Die Testseite dazu gibt es hier:
https://jtl5.sesselundsofas.de/Loop-Sessel

In Shop-Version 4.05 gibt es die Quickview/Vorschau auf der Artikel-Übersicht noch nicht und auf der Artikelseite funktioniert der Preis- und Bilderwechsel fehlerfrei. Deshalb nutzen wir momentan auch noch immer diese Version. D.h. mit Einführung/Erweiterung dieser Vorschau-Funktion hat sich womöglich irgendein Fehler in der JavaScript-Funktion eingeschlichen.

Da ein Wechsel auf Version 5 aber ab nächstem Jahre quasi Pflicht wird, bitten wir darum, diesen Fehler zeitnah zu beheben. Wir wollten eigentlich noch bis Ende diesen Monats (September 2021) auf Version 5 umstellen.

Das neue Nova-Template der Shop-Version 5 bietet eine beschränkte bzw. zu wenig Funktionalität für Mobilgeräte in Bezug auf Variationsbilder. Hier wird lediglich ab einer Bildschirmbreite von ca. 1000px ein Popup-Bild links neben dem Variationswert im Dropdown angezeigt. In der Bildergalerie erscheint das gewählte Variations-Bild überhaupt nicht mehr. D.h. ein Smartphone-Benutzer bekommt das hinterlegte Artikel-Variationsbild nie zu sehen.

Update 19.11.2021: Uns ist ein zusätzlicher Fehler aufgefallen. Die Bezeichner-Titel der gewählten Swatches werden bei der Selektion nur auf der Artikeldetail-Seite angezeigt, jedoch nicht im Vorschau-Popup. Kann man beides ebenfalls in den Videos sehen. Einfach bei der Selektion auf den Swatch-Titel "Bezugsart" achten. Hier sollte im "span" mit der Klasse "swatches-selected" der Titel des gewählten swatch neben "Bezugsart" in grün angezeigt werden, was aber nur der Fall bei der Artikeldetail-Seite ist.