Neu Bildgröße schrumpft bei Variantenwechsel (Dropper/NOVA)

[Erwinkm]

Hallo zusammen,

ich habe im JTL- Shop 5 mit einem NOVA- Child-Template und Dropper ein Problem auf mobilen Geräten:

**Problem:**
Bei Artikeln mit Farb-Varianten und Mengen-Varianten schrumpft das Produktbild bei jedem Variantenwechsel. Nach mehrmaligem Wechseln wird die Bildgröße immer kleiner, bis schließlich die ganze Seite skaliert ist. Dieses Verhalten tritt **nur mobil (Chrome auf Android, Safari iOS etc.)**, aber **nicht auf dem Desktop** oder in der Desktop-Ansicht im Browser auf.

**Was ich bereits probiert habe:**
- CSS-Workaround über benutzerdefiniertes CSS
- JavaScript-Drop mit MutationObserver im Footer (über Dropper)
- Caches (Template & Objekt) mehrfach geleert
- Browserdaten auf Mobile gelöscht
- Testweise nur Dropper oder nur Theme-Anpassung aktiv

**Beispielartikel:**
https://www.adonhusa.de/Best-Buds-Gelato-Grinder-Blueberry-Tropical-Fruits

**System:**
- JTL-Shop 5 (aktuell)
- NOVA Child Template
- Dropper aktiv
- JTL-Theme Editor installiert
- Plugins wie JTL-Search, Google Codes etc. ebenfalls aktiv

**Frage:**
Wie lässt sich dieses mobile Darstellungsproblem mit Dropper oder CSS/JS zuverlässig beheben? Gibt es einen sauberen Fix über das Theme, Dropper oder z. B. jQuery?

Danke für jede Hilfe!
Sebastian

 

[css-umsetzung]

Mit css kannst du da nicht lösen, auch nicht mit zusätzlichem JavaScript.

Das sieht eher nach einem Template Fehler aus, es sei denn du hast mit dem Dropper oder einem anderem Plugin einen Fehler gemacht.

Du solltest einfach mal alle Plugins deaktivieren und das nur mit dem Child testen, ich gehe davon aus, das dort der Fehler liegt.

Dein aktuelles Problem ist, nicht das es kleiner wird, sondern das der Inhalt immer nur neu vorgesetzt wird im result-wrapper, dadurch wir der gesamte Bereich, durch das margin/padding immer kleiner. Scroll nach dem wechseln der Varianten einfach mal herunter, dann siehst du das sich die Inhalte verfielfältigen.

 

[Erwinkm]

Mit css kannst du da nicht lösen, auch nicht mit zusätzlichem JavaScript.

Das sieht eher nach einem Template Fehler aus, es sei denn du hast mit dem Dropper oder einem anderem Plugin einen Fehler gemacht.

Du solltest einfach mal alle Plugins deaktivieren und das nur mit dem Child testen, ich gehe davon aus, das dort der Fehler liegt.

Dein aktuelles Problem ist, nicht das es kleiner wird, sondern das der Inhalt immer nur neu vorgesetzt wird im result-wrapper, dadurch wir der gesamte Bereich, durch das margin/padding immer kleiner. Scroll nach dem wechseln der Varianten einfach mal herunter, dann siehst du das sich die Inhalte verfielfältigen.

Ich habe alle Plugins deaktiviert, außer nova und es funktioniert trotz der deaktivierten Plugins nicht.

 

[css-umsetzung]

Du verwendest also kein Child Template und das NOVA ist nicht modifiziert?
Für mich sieht das schon stark nach einer Modifizierung aus.

 

[Erwinkm]

Du verwendest also kein Child Template und das NOVA ist nicht modifiziert?
Für mich sieht das schon stark nach einer Modifizierung aus.

Danke für die Rückfrage!


Tatsächlich nutzen wir ein Child-Template (Adonhusa.de Child), das auf einem modifizierten NOVA-Template (Adonhusa531) basiert.


Sobald wir auf das unmodifizierte Original-NOVA wechseln, verschwindet der Fehler komplett.


Ich vermute daher ebenfalls, dass eine Modifikation im Eltern-Template (z. B. productdetails.tpl) diesen Fehler verursacht.

 

[css-umsetzung]

Da wird dir von außen keiner helfen können denke ich, schau ich mir den generierten Quellcode an, ist es nicht klar, was das Problem verursacht.
Das muss also direkt in den tpl Dateien nachgeschaut werden.