Offen Shop 4 - Evo Template - Java fehler

[Underbär]

Hallo Communty,

es geht um einen JTL SHOP 4 mit Evo Template.

wenn ein User auf einem Produkt ist (Produktdetailseite), sich dort die Bilder des Produktes anschaut (Vollbild), wird beim verlassen des Vollbildmodus, der komplette Java Script der vorher geladen war nicht erneut geladen bzw. hat keine Funktion mehr.


Ist etwas schwer zu erklären hoffe es ist verständlich.

kennt jemand das Problem und hat ggf. einen Tip oder eine Lösung.

bei Intresse kann ich auch gerne einen Testshop zur Verfügung stellen wo das Problem genau zu sehen ist.

mfg

 

[Underbär]

AW: Shop 4 - Evo Template - Java fehler

der Fehler liegt in der photoswipe.js

beim aufruf der seite werden alle meine js event richtig eingehängt. sobald man aber ein Produktbild im fullscreen view nutzt und dann wieder zurück geht sind alle events gelöscht... warum programmiert man so etwas?

hat wer die selben probleme?

 

[css-umsetzung]

AW: Shop 4 - Evo Template - Java fehler

Du sprichst von deinen eigenen events die du anlegst?

Ja die Vorgehensweise ist auch aus meiner Sicht überflüssig und ich habe dazu bereits etwas geschrieben.

Wenn du von deinen eigen events sprichst, musst du das berücksichtigen. Das on() früher live() ist ja für spätere zusätzliche Elemente da.

 

[ag-websolutions.de]

AW: Shop 4 - Evo Template - Java fehler

Vor allem solltest du uns mal sagen, wie du welche eigenen js-function einbindest.

 

[Underbär]

AW: Shop 4 - Evo Template - Java fehler

erstmal danke für die antwort, hier mein kleines event

// Load this script once the document is ready
$(document).ready(function () {
// Get all the thumbnail
$('div.thumbnail-item-eek').mouseenter(function(e) {

// Calculate the position of the image tooltip
x = e.pageX - $(this).offset().left;
y = e.pageY - $(this).offset().top;

// Set the z-index of the current item,
// make sure it's greater than the rest of thumbnail items
// Set the position and display the image tooltip
$(this).css('z-index','150')
.children("div.tooltip2")
.css({'top': y + 10,'left': x + 20,'display':'block'});

}).mousemove(function(e) {

// Calculate the position of the image tooltip
x = e.pageX - $(this).offset().left;
y = e.pageY - $(this).offset().top;

// This line causes the tooltip will follow the mouse pointer
$(this).children("div.tooltip2").css({'top': y - 210,'left': x + 20});

}).mouseleave(function() {

// Reset the z-index and hide the image tooltip
$(this).css('z-index','0')
.children("div.tooltip2")
.animate({"opacity": "hide"}, "fast");
});

});

es ist nix besonderes geht eigentlich nur um einen kleinen tooltip

 

[css-umsetzung]

AW: Shop 4 - Evo Template - Java fehler

das ist jetzt alles ungetestet und nur so aus der Hüfte geschossen:

ändere mal

$('div.thumbnail-item-eek').mouseenter(function(e) {

in

$('body').on('mouseenter','div.thumbnail-item-eek', function(e) {

body könnte vermutlich auch #main-wrapper sein, ich hab das jetzt nicht so im Kopf, welche html Daten alle geändert werden.

meine Änderung sorgt "theoretisch" dafür, das auch nachgeladene Elemente berücksichtigt werden.
Wenn das nicht so geht, brauchst du etwas das die Seite auf Änderungen prüft.

 

[css-umsetzung]

AW: Shop 4 - Evo Template - Java fehler

Hat Bootstrap nicht eine eigene Tooltips das hier ist zwar jetzt vom 4er aber ich glaube das ging auch schon unter 3 ?
Tooltips · Bootstrap

 

[Underbär]

AW: Shop 4 - Evo Template - Java fehler

jippi 😉 noch ein paar Änderungen mehr haben es gebracht.

ich musste die .mousemove und die .mouseleave auch ändern, nun funktioniert es.

danke sehr

 

[css-umsetzung]

AW: Shop 4 - Evo Template - Java fehler

Ach.... die anderen Sachen hatte ich gar nicht gesehen, da es auch nicht schön formatiert ist, bzw. in einem codeblock.
Ich hatte mich nur nach dem oberen gerichtet so Sachen wie "mousemove()" sind ja eher veraltet. Du solltest das meiner Meinung nach lieber in der ersten Zeile übergeben und dann das event selbst abfragen wenn es überhaupt Unterschiede in den Funktionen gibt.