MODUL: jQZoom für modified eCommerce Shopsoftware

[speedy]

Also, dass die CSS und Javascript von jqZoom nicht auf der Seite geladen werden, wo die Treadmill ist, hätte ich geprüft, das passt.

Es liegt nur an der thickbox.js
Sobald ich das hier entferne, funktioniert die Threadmill wieder richtig:

Code: PHP  [Auswählen]

var options = {
    xOffset: 20,
    yOffset: 0,
    zoomType: 'reverse'
}
$('.jqzoom').jqzoom(options);
 

[kwiekids]

die thickbox.js habe ich ja gepostet.

Die jqzoom.pack.1.0.1.js und die jqzoom.css hast Du sicher auch geladen ...

[speedy]

Jup, aber mit deiner thickbox.js änderte sich leider nichts. Das ist das seltsame.

Es ist derzeit so:
- Treadmill alleine funktioniert seit Wochen bestens
- Doch Threadmill mit folgendem Teil für jqZoom in der Thickbox.js funktioniert nicht. Alle Produkte sind dann untereinander.

Code: PHP  [Auswählen]

var options = {
    xOffset: 20,
    yOffset: 0,
    zoomType: 'reverse'
}
$('.jqzoom').jqzoom(options);

jqZoom für sich alleine funktioniert auch.

[kwiekids]

lade mal folgende Dateien in der product_info_v1.html

Direkt am Anfang, gleich unter:

{config_load file="$language/lang_$language.conf" section="product_info"}

Code: PHP  [Auswählen]

folgendes einfügen:
 

Code: PHP  [Auswählen]

<script type="text/javascript" src="jquery-1.4.2.pack.js">
script type="text/javascript" src="jqzoom.pack.1.0.1.js">
<script type="text/javascript" src="thickbox.js">
<link rel="stylesheet" href="{$tpl_path}javascript/thickbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{$tpl_path}javascript/jqzoom.css" type="text/css" media="screen" />
 

in dieser Reihenfolge - und natürlich an anderer Stelle ggfs. raus, mit den aufrufen

cheers
kwiekids

[speedy]

Aber das Problem besteht ja nur auf der Startseite auf der die Treadmill ist.
jqZoom funktioniert ohne Probleme. Die Dateien von jqZoom werden bei der Seite mit der Threadmill nicht geladen und die Dateien von Treadmill werden auf der Seite von jqZoom nicht geladen.
Gemeinsam ist nur die Thickbox.js - ansonsten haben die Module jqZoom und Treadmill keine Überschneidungen.

Also die von dir genannten Dateien werden bei mir schon ausschließlich in der Produkt-Info geladen.
Nur die Thickbox.js und Thickbox.css werden auf jeder Seite geladen, da leider die Thickbox modified eCommerce Shopsoftware-Standard nicht nur auf der Produkt-Detailseite zum Einsatz kommt.
Wenn ich die Thickbox nur auf der Produktseite einbinde, würde es Probleme geben.

Was kann von den 6 Zeilen für die jqZoom in der Thickbox.js das Problem auslösen ?

[kwiekids]

anscheind die in Kombi mit der treadmill und den jqzoom Einträgen in der thickbox.js, diese wir bei mir aber auf der ersten Seite nicht mehr geladen, da habe ich schon einmal Probleme mit gehabt, aus diesem Grund habe ich die verbannt. Vermutlich benötigst Du diese aber auf der ersten Seite ...

cheers
kwiekids

[speedy]

Ja, das ist mein Problem, was ich versuchte zu beschreiben.
Es ist ausschließlich dieser Teil in der Thickbox.js, der die Probleme verursacht:

Code: PHP  [Auswählen]

var options = {
    xOffset: 20,
    yOffset: 0,
    zoomType: 'reverse'
}
$('.jqzoom').jqzoom(options);
 

Nee, auf ersten Seite benötige ich die Thickbox nicht.
Habe es jetzt erst einmal Quick & Dirty in der general.js.php so gelöst:

Code: PHP  [Auswählen]

<?php
if (!strstr($PHP_SELF, FILENAME_DEFAULT )) {
?>
<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/thickbox.js" type="text/javascript"></script>
<?php
}
?>
 

Also Thickbox wird auf jeder Seite geladen, nur auf der Startseite nicht.

Vielen Dank für deine Hilfe, hat mich letztendlich ja auf die Idee gebracht.

[kwiekids]

na Hauptsache es funzt nun !

cheers
kwiekids

[speedy]

Also der Code von jqZoom in der Thickbox.js hat es echt in sich.
Er ist sehr mit Vorsicht zu genießen. Es gibt einige Wechselwirkungen mit anderen "Modulen".

Code: PHP  [Auswählen]

var options = {
    xOffset: 20,
    yOffset: 0,
    zoomType: 'reverse'
}
$('.jqzoom').jqzoom(options);
 

Beim Aufruf einer Content-Seite kommt dann folgendes:

Code: [Auswählen]

Meldung: Das Objekt unterstützt diese Eigenschaft oder Methode nicht.
Zeile: 22
Zeichen: 2
Code: 0
URI: http://.../javascript/thickbox.js
In Zeile 22 der Thickbox.js steht dann folgendes:

Code: PHP  [Auswählen]

$('.jqzoom').jqzoom(options);
 

Kann man den Code für die jqZoom nicht anders ausführen, als in der Thickbox ? Warum ist das eigentlich in der Thickbox ?

Grund wird wohl sein, dass auf den Content-Seiten die jqZoom CSS-Datei nicht geladen wird.
Die Dateien zu jqZoom werden ausschließlich in der product_info geladen, da es sonst wieder die Probleme von gestern gibt.

[baileys]

Was jetzt fehlen würde, wäre die Funktion vom anderen Modul, dass man auf die "weiteren Bilder" klicken kann und dann wird das Hauptbild damit ersetzt.

Gibt es dazu eine Lösung???

LG

[Soeldner]

Ich grab das Thema mal wieder aus

Ich habe das selbe Problem wie    speedy. Bilder werden untereinander dargestellt. Auch

Code: Javascript  [Auswählen]

var options = {
        xOffset: 20,
        yOffset: 0,
        zoomType: 'reverse',
        showEffect:'show',
    hideEffect:'fadeout',
        fadeoutSpeed:'medium'
}
        $('.jqzoom').jqzoom(options);
 

brachte nicht wirklich Erfolg. Ist man bei diesem Thema jetzt schon schlauer?
Weiterhin funktioniert die Lupenfunktion nicht bei mehreren Bildern in der Produkt info Tab Version. Auch nicht, wenn ich die Bilder unter das Hauptbild hebe. Quasi aus dem Tab rauslöse.

Dann wird das 1. zusätzliche Bild in sich vergrößert und beim "überfahren" des zweiten, dass erste Zusatzbild ersetzt.

Testsystem:
Server: Debian LAMPP
modified eCommerce Shopsoftwareod: 1.05 SP1d

[EDIT]
Die <a> Tags haben als element style eine width: 0; entfernt man diese, sind die Bilder nebeneinander. So weit zur Theorie mit Firebug...
Jetzt müsste man nur noch wissen wo diese definiert werden?? Firebug sagt lediglich:

Code: PHP  [Auswählen]

element.style {
    cursor: crosshair;
    display: block;
    height: 0;
    outline-style: none;
    position: relative;
    width: 0;
}
 

jqzoom.css ist es jedenfalls nicht Wer ne Idee?

[Soeldner]

OK, ich darf nicht mehr Editen ...

Ich habe jetzt folgendes gemacht:
in der general.js.php die Zeile

Code: PHP  [Auswählen]

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jqzoom.pack.1.0.1.js" type="text/javascript"></script>

gesucht, und durch

Code: PHP  [Auswählen]

<script src="<?php echo 'templates/'.CURRENT_TEMPLATE; ?>/javascript/jquery.jqzoom-core-pack.js" type="text/javascript"></script>

ersetzt. Danach die jquery.jqzoom-core-pack.js aus dem jqzoom Paket mit hochgeladen. Jetzt sind schon einmal die Bilder nebeneinander und das Hauptbild wird ohne Sprünge gezoomt ...

Paket jqzoom gibet -> Da
Anleitung von Matt -> Da

[rayban]

Hallo jungs, kann mir dieses modul jemand verbauen, zahle natürlich, komm mit der anleitung nicht klar..

vielen dank