MODUL: Cloud Zoom als Alternative zu MagicZoom

[handarbeitsscheune]

hi,
ich habe ein seltsames Problem mit dem Modul obwohl die Thickbox geöffnet ist liegt immernoch das Produktbild vorne und lässt sich zoomen siehe Anhang. Kennt das Phänomen jemand bzw kennt eine Lösung

  [ Für Gäste sind keine Dateianhänge sichtbar ]

[nicson]

Versuch doch mal entweder den z-index in der "thickbox.css" (#TB_window & #TB_overlay & #TB_load & #TB_HideSelect) über den Wert des .cloud-zoom-big zu setzen.
Oder Vielleicht sind auch einfach deine original_images zu gross dann ersetze doch im Template das

Code: PHP  [Auswählen]

{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}
 

mit

Code: PHP  [Auswählen]

{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}
 

[handarbeitsscheune]

danke für deine Antwort nicson. Ich hatte vergessen den "z-index" hoch zu setzen.

[fishfart]

Da es mich gefuchst hat dass das schöne Modul nicht mit thickbox oder fancybox funzt hab ich mal meinen Sonntag damit verbracht das ganze gangbar zu machen ....

Hier eine Version mit der auch die Thickbox funzt... allerdings hab ich das mal mit onclick= gelöst.
Seite ist zwar gerade im Feinschliff aber so sieht es aus Glaswelt24.ch

Vielleicht noch erwähnenswert für alle die Cloud Optionen nutzen und anpassen möchten http://professorcloud.com

Es muss dem image HTML Tag die id hinzugefügt werden welche die URL des Bildes enthält das geöffnet werden soll. Nicht vergessen auch bei den "more images" !

Code: PHP  [Auswählen]

id="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" />
 

und in der thickbox.js muss diese Funktion rein (die ist nicht von mir! Quelle TB Hack

Code: PHP  [Auswählen]

function tb_open_new(jThickboxNewLink){
        tb_show(null,jThickboxNewLink,null);
}
 

Einfach mal probieren, soweit ich sagen kann funzt es sowohl im IE als auch den üblichen Kandidaten.

Hi nicson,

ja, das ist ein netter Effekt - sehr cool.

Beim Versuch das nachzustellen (die notwendigen Änderungen habe ich vorgenommen) habe ich mich gewundert, daß trotzdem nix passiert - also bei Klick kein thickbox-Fenster mit dem großen Bild. Hmmm... templates_c geleert, Seite neu geladen, nix. Aber auch keine Fehlermeldung; ok!  

Ein Vergleich des Seiten-Quelltextes mit der 'Glaswelt' brachte auf den ersten Blick keinen Unterschied. Da JavaScript aber bekanntermassen im Client ausgeführt wird, ist hier der Firefox klar im Vorteil: Ich habe also die entsprechenden Stellen im FF markiert und dann mir per rechten Mouseklick den "Auswahl-Quelltext" anzeigen lassen. Und siehe da:

Im DIV der Class 'mousetrap' wird von thickbox.js ausdrücklich ein

Code: PHP  [Auswählen]

"onclick="tb_open_new('[Bild-URL]')"

eingefügt. Nur bei mir eben leider nicht.  

Woran könnte das denn liegen?

[nicson]

Hast du 'nen Link zur Seite ?
Sind bei deinen Produktbildern  die

Code: PHP  [Auswählen]

<img id="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}"

eingefügt?

[C1C2]

in meiner templates/meintemplate/module/product_info/product_info_v1.html
ist die Zeile nicht vorhanden, die in der Anleitung angegeben wird:

Code: PHP  [Auswählen]

<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="thickbox" rel="{$PRODUCTS_ID}"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>

warum ist das so? Ich verwende Shop Vers. 1.05

[kleene]

@C1C2... schau mal auf "Zeile 9" Ansonsten haste das vielleicht schon anderweitig geändert?

[C1C2]

In Zeile 9 steht bei mir nur folgendes:
Hier mal Zeile 8, 9 und 10:

Code: PHP  [Auswählen]

<td valign="top" align="center" width="40%">{if $PRODUCTS_IMAGE!=''}<a href="{$PRODUCTS_POPUP_LINK}"><img

Code: PHP  [Auswählen]

src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>{/if}

Code: PHP  [Auswählen]

<!-- more images -->

völlig anders als beschrieben.
Oder soll ich die 9 einfach mit dem Text aus der Anleitung ersetzen, auch wenn der viel länger ist??

Noch ein Problem,
In der anleitung steht templates/xtc5/css sollen Daten bearbeitet werden.
Ich verwende aber ein Template das hat den Ordner "css" nicht, kann ich dann dort einfach den Ordner "css" neu erstellen und dort die Dateien ablegen wie angegeben? Funktioniert das problemlos?

Kann mir vielleicht noch jemand sagen wie sich das Modul nennt, wenn man mit dem Mauszeiger drüber geht verblaßt das Bild ganz leicht wie so ein leichter schleier, neblig? Wie z.B. bei: http://www.gutes-geschenk.de/index.php

Danke für eure Hilfe!  

[Tomcraft]

Es ist natürlich klar, dass sich die Templates alle ein wenig unterscheiden, daher können wir nicht für zigtausend Templates eine individuelle Anleitung erstellen, sondern gehen stellen das einfach anhand des xtc5 Templates zur Verfügung. Wer das nicht umsetzen kann, der kann sich die verschiedenen module ja immer noch gegen ein gewisses Entgeld einbauen lassen, siehe: Support-Seite

Das Modul, was in dem verlinkten Shop installiert ist, ist genau das hier aus dem Thema.

Grüße

Torsten

[DefCon2k]

Servus,

habe nach langer Zeit nochmal eine kleine Änderung im Script gefunden (und natürlich getestet).

Sofern Cloud-Zoom verbaut ist, kann mit der Änderung von nur einem Wort (im Javascript) der gleiche Effekt erzeugt werden, wie mit folgendem Modul: MODUL: Bilderwechsel mit jQuery in der product_info.html

Ersetzt einfach in der Datei "cloud-zoom.1.0.2.min.js" das "click" gegen ein "mousemove" (ohne die Hochkommas natürlich).
Und keine Angst, das "click" kommt nur einmal im ganzen Script vor, insofern kann man eigentlich nicht falsch machen.

Im obigen Thread gab es einen Post (ich glaube von Speedy), der genau das angefragt hatte.

Viel Spass damit.

Gruß Tobi

[Eispirat]

Hallo Liebe Leute!

Ich habe das Modul eingebaut. Es funktioniert soweit auch.

Wie füge ich aber weitere Bilder ein. Ich hatte schon die CloudZoom mit der Matrix mal testweise eingebaut. Da konnte ich im Artikel Backend einfach weitere Bilder hochladen. Diese Möglichkeit sehe ich bei diesem Modul aber nicht. Habe ich irgendeine Änderung nicht gemacht? Oder läuft das hier irgendwie anders? Muss ich die Fotos direkt in den Ordner packen?

Ich fände es auch klasse, wenn jemand auch für dieses Modul so einen schönen Bereich im Backend gestalten würde.

Vielen Dank

[Barnabas]

Moin Eispirat!
Hast Du im Backend die Bilderanzahl erhöht?

"Konfiguration" -> "Bild Optionen" -> "Anzahl zusätzlicher Produktbilder"

Gruß Kai

[Eispirat]

Öhhm, nööö hatte ich nicht!

Vielen Dank!

[Barnabas]

Kein Problem! 

[infamous]

Was mich nach stundenlanger Sucherei wirklich fuchst, ist dass Cloud Zoom im IE einfach nicht funktioniert und es mir ein Rätsel ist...

Unter http://tinyurl.com/3cvwwo5 seht ihr den Originalcode von "Cloud Zoom Intergration Instructions" nur mit unterschiedlichen Bildern. Beim oberen Bild funktioniert der Zoom im IE8 und IE7 (IE9 kann ich hier nicht testen) nicht vernünftig, beim unteren geht es.

Das Livebeispiel im Shop seht ihr hier: http://tinyurl.com/3qlopy7

(nicht über die miese Bilduqalität wundern, ich habe aus purer Verzweiflung an der Größe der PopUp-Images rumgespielt)

Offenbar muss das Vergrößerungsbild gewisse Konventionen bei den Maßen erfüllen, oder weiß der Teufel - ich komme nicht drauf. Vielleicht kennt jemand von euch das Problem und hat einen Tipp für mich?

Im Internet konnte ich zu dem Problem nix finden, also schließe ich nicht aus, dass ich einfach zu blöd bin.

Gruß
infamous