Sehr geehrte POWERGAP Kunden,
mittlerweile werden die Browser fast im Monatstakt aktualisiert was durchaus auch mal Auswirkungen auf bestimmte Funktionen, insbesondere JavaScript, haben kann.
Aus diesem Grund war ein Update für die jQZoom-Funktion im Shop für das Artikeldetail notwendig (wenn Sie diese denn einsetzen).
Siehe www.powergap.de/forum/index.php?topic=663.0
Notwendig sind zwei Anpassungen:
1.) JavaScript im Head über "Sonstiges" > "Sonstige Einstellungen" > im Feld "Javascript_Head":
Bitte darauf achten, dass entsprechende JavaScript-Dateien nicht mehrfach geladen werden! D.h. wenn die "jquery.js" schon in irgendeiner Form dort eingebunden ist, dann darf das nicht noch mal gemacht werden.
Weitere Optionen und Einstellungsmöglichkeiten für die Zoom-Funktion (var options) können Sie der Entwicklerseite entnehmen: www.mind-projects.it/projects/jqzoom/
2.) Das CSS über "Layout" > "Schriften / CSS" > "ALL (ROOT)":
Siehe z.B.:
http://www.sportmarken-portal.de/Gonso_Damen_Active-Radjacke_Leutasch_clematis_blue.html
Nach Einbau aber bitte auch mögliche andere JavaScript-Funktionen überprüfen welche im "Head" eingebaut sind.. es kann vorkommen, dass bei manchen Funktionen Konflikte auftreten. Wie z.B. der Ajax-Suchhilfe oder jquery flow - Slideshow.
Bitte keinesfalls blind die o.a. Codes und CSS-Texte kopieren und in der Shopverwaltung einfügen oder die alten ersetzen! Bitte prüfen Sie genau, was Sie ersetzen und ggf. entfernen müssen!
Es kann sein, dass innerhalb Ihres JavaScripts z.B. andere JavaScript-Dateien eingebunden sind und wenn diese einfach entfernt werden, dann funktionieren andere Funktionen wie z.B. eine Slideshow auf der Startseite nicht mehr!
mittlerweile werden die Browser fast im Monatstakt aktualisiert was durchaus auch mal Auswirkungen auf bestimmte Funktionen, insbesondere JavaScript, haben kann.
Aus diesem Grund war ein Update für die jQZoom-Funktion im Shop für das Artikeldetail notwendig (wenn Sie diese denn einsetzen).
Siehe www.powergap.de/forum/index.php?topic=663.0
Notwendig sind zwei Anpassungen:
1.) JavaScript im Head über "Sonstiges" > "Sonstige Einstellungen" > im Feld "Javascript_Head":
<script type='text/javascript' src='x_jquery-18.js'></script>
<script type='text/javascript' src='x_jquery.jqzoom-2.3.js'></script>
<script type="text/javascript">
$(document).ready(function(){
var options = {
zoomType: 'innerzoom',
title:false,
preloadImages: true,
alwaysOn:false
};
$('.jqzoom').jqzoom(options);
});
</script>
<script type='text/javascript' src='x_jquery.jqzoom-2.3.js'></script>
<script type="text/javascript">
$(document).ready(function(){
var options = {
zoomType: 'innerzoom',
title:false,
preloadImages: true,
alwaysOn:false
};
$('.jqzoom').jqzoom(options);
});
</script>
Bitte darauf achten, dass entsprechende JavaScript-Dateien nicht mehrfach geladen werden! D.h. wenn die "jquery.js" schon in irgendeiner Form dort eingebunden ist, dann darf das nicht noch mal gemacht werden.
Weitere Optionen und Einstellungsmöglichkeiten für die Zoom-Funktion (var options) können Sie der Entwicklerseite entnehmen: www.mind-projects.it/projects/jqzoom/
2.) Das CSS über "Layout" > "Schriften / CSS" > "ALL (ROOT)":
/* jQZoom NEU! */
.zoomPad{position:relative;float:left;z-index:99;cursor:crosshair;}
.zoomPreload{-moz-opacity:1.0;opacity: 1.0;filter: alpha(opacity = 100);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(https://cdn.powergap.de/pg_zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px; * width:100px; * height:49px;}
.zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:1.0;opacity: 1.0;filter: alpha(opacity = 100);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;}
.zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;z-index:5000;width:100%;height:100%;display:none; z-index:101;-moz-opacity:1.0;opacity: 1.0;filter: alpha(opacity = 100);}
.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;}
.zoomWrapper{position:relative;border:1px solid #EEE;z-index:110;}
.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;-moz-opacity:1.0;opacity: 1.0;filter: alpha(opacity = 100);}
.zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;-moz-opacity:1.0;opacity: 1.0;filter: alpha(opacity = 100);}
.zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 1.00;opacity: 1.00;position:absolute;display:block;}
.zoomPad{position:relative;float:left;z-index:99;cursor:crosshair;}
.zoomPreload{-moz-opacity:1.0;opacity: 1.0;filter: alpha(opacity = 100);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url(https://cdn.powergap.de/pg_zoomloader.gif);background-repeat: no-repeat;background-position: 43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0px;left:0px; * width:100px; * height:49px;}
.zoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:1.0;opacity: 1.0;filter: alpha(opacity = 100);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair;}
.zoomOverlay{position:absolute;left:0px;top:0px;background:#FFF;z-index:5000;width:100%;height:100%;display:none; z-index:101;-moz-opacity:1.0;opacity: 1.0;filter: alpha(opacity = 100);}
.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110;}
.zoomWrapper{position:relative;border:1px solid #EEE;z-index:110;}
.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110;-moz-opacity:1.0;opacity: 1.0;filter: alpha(opacity = 100);}
.zoomWrapperImage img{border:0px;display:block;position:absolute;z-index:101;-moz-opacity:1.0;opacity: 1.0;filter: alpha(opacity = 100);}
.zoomIframe{z-index: -1;filter:alpha(opacity=0);-moz-opacity: 1.00;opacity: 1.00;position:absolute;display:block;}
Siehe z.B.:
http://www.sportmarken-portal.de/Gonso_Damen_Active-Radjacke_Leutasch_clematis_blue.html
Nach Einbau aber bitte auch mögliche andere JavaScript-Funktionen überprüfen welche im "Head" eingebaut sind.. es kann vorkommen, dass bei manchen Funktionen Konflikte auftreten. Wie z.B. der Ajax-Suchhilfe oder jquery flow - Slideshow.
Bitte keinesfalls blind die o.a. Codes und CSS-Texte kopieren und in der Shopverwaltung einfügen oder die alten ersetzen! Bitte prüfen Sie genau, was Sie ersetzen und ggf. entfernen müssen!
Es kann sein, dass innerhalb Ihres JavaScripts z.B. andere JavaScript-Dateien eingebunden sind und wenn diese einfach entfernt werden, dann funktionieren andere Funktionen wie z.B. eine Slideshow auf der Startseite nicht mehr!