Hallo,
ich möchte euch heute zeigen wie Ihr mit NUR zwei kleineren veränderungen ein besseres Popup Fenster im Shop (Azure Template) bekommt.
Dabei werden die Zoom Bilder beim Klick auf das Artikelbild vergrößert (Produktdetailseite) und alle Popup Fenster im Shop werden beim Klick außerhalb der Popup Fenster geschloßen.
Schritt 1.
Shop/application/views/azure/tpl/page/details/inc/productmain.tpl
Suchen:
Ersetzen:
Schritt 2.
Shop/out/azure/src/js/widgets/oxmodalpopup.js
Suchen:
Ersetzen:
Grüße
Rafig
ich möchte euch heute zeigen wie Ihr mit NUR zwei kleineren veränderungen ein besseres Popup Fenster im Shop (Azure Template) bekommt.
Dabei werden die Zoom Bilder beim Klick auf das Artikelbild vergrößert (Produktdetailseite) und alle Popup Fenster im Shop werden beim Klick außerhalb der Popup Fenster geschloßen.
Schritt 1.
Shop/application/views/azure/tpl/page/details/inc/productmain.tpl
Suchen:
PHP Code:
[{oxscript add="$('#zoomTrigger').oxModalPopup({target:'#zoomModal'});"}]
<a id="zoomTrigger" rel="nofollow" href="#">Zoom</a>
[{oxscript add="$('#zoom1').attr( 'rel', $('#zoom1').attr('data-zoomparams'));"}]
[{oxscript add="$('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();"}]
<div class="picture">
PHP Code:
[{oxscript add="$('#zoomTrigger').oxModalPopup({target:'#zoomModal'});"}]
[{oxscript add="$('#zoomTriggerDiv').oxModalPopup({target:'#zoomModal'});"}]
<a id="zoomTrigger" rel="nofollow" href="#">Zoom</a>
[{oxscript add="$('#zoom1').attr( 'rel', $('#zoom1').attr('data-zoomparams'));"}]
[{oxscript add="$('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();"}]
<div id="zoomTriggerDiv" class="picture">
Schritt 2.
Shop/out/azure/src/js/widgets/oxmodalpopup.js
Suchen:
PHP Code:
} else {
el.click(function(){
if (options.loadUrl){
$(options.target).load(options.loadUrl);
}
self.openDialog(options.target, options);
return false;
});
}
Ersetzen:
PHP Code:
} else {
$('body').click(function(e) {
if ($(options.target).is(':visible') && !$(e.target).closest('.ui-dialog').length){
$( options.target ).dialog("close");
return false;
}
});
el.click(function(){
if (options.loadUrl){
$(options.target).load(options.loadUrl);
}
self.openDialog(options.target, options);
return false;
});
}
Grüße
Rafig