Neu Nicht schließende Mouse-Over-Swatches in der Zweispalten-Darstellung

marsblau

Sehr aktives Mitglied
7. September 2019
151
36
Nova Template laut Shop Version 5.5.0 ... im Shop aktiviert und Cache geleert (um Verfälschungen durch das aktuell aktive NOVAchild Template auszuschließen).

Auf dem Mobiltelefon, aber auch wenn man auf dem PC das Fenster verkleinert, bis die Artikelübersicht in zwei Spalten dargestellt wird ... Mouse-Over über den Artikel für die Anzeige der Swatches-Varianten ... geht man nun mit der Maus wieder raus, bleibt die Variantendarstellung geöffnet. Überfährt man mit der Maus weitere Artikel, werden auch diese zusätzlich aufgeklappt. Weder meine JS-Anpassungen noch herumprobieren im CSS konnte hier abhelfen. Ist das Problem und eine Lösung dazu bekannt?
Dank und Grüße!

Beispiel-URL: https://marsladen.de/damen-tops-shirts-t-shirts


Bildschirmfoto 2025-11-17 um 16.15.41.pngBildschirmfoto 2025-11-17 um 16.20.23.png
 

Domando

Aktives Mitglied
16. Juli 2020
15
12
Hi Marsblau,
ich habe selbiges Problem. Ich habe bereits Tage damit verbracht, da ich dachte, dass es an meinen Änderungen liegt.
So wie ich es im Liveshop sehe, hast du noch keine Lösung. Würdest du ein Ticket eröffnen, ich hänge mich dann mit daran.
Als Ergänzung noch: Im Demoshop von JTL funktioniert es. Dort wird auch in der mobilen/schmalen Ansicht ein Schatten angezeigt, wenn über ein Produkt gehovert wird. Beim uns wird ein farbiger Rahmen angezeigt.
Viele Grüße
 

marsblau

Sehr aktives Mitglied
7. September 2019
151
36
Ehrlich gesagt habe ich da wenig Vertrauen in JTL ... ich nehme an so ein Ticket ist vergebliche Liebesmüh.

Ich habe nochmal ein wenig rumgestochert, mich mit Claude 🤣 beraten und folgendes scheint halbwegs zu helfen:

$(document).ready(function() {
// Alle Produktboxen durchgehen
$('.productbox-inner').each(function() {
var $productBox = $(this);
var $trigger = $productBox.find('.productbox-image[data-target]');
var targetId = $trigger.attr('data-target');
var $collapse = $(targetId);

// Beim Betreten der Produktbox: Varianten öffnen
$productBox.on('mouseenter', function() {
if ($collapse.length) {
$collapse.collapse('show');
}
});

// Beim Verlassen der Produktbox: Varianten schließen
$productBox.on('mouseleave', function() {
if ($collapse.length) {
$collapse.collapse('hide');
}
});
});
});

Bildschirmfoto 2026-01-29 um 01.08.15.png
 

Ähnliche Themen