MODUL: Cloud Zoom als Alternative zu MagicZoom

[Simon]

Ja, dieser Shop.
Was meinst du mit die Auswahl verschieben ?

Wenn ich beim Bild mit der Maus darüber fahre (zoome), dann habe ich rechts die Vergrößerung.
Der Bilderwechsel funktioniert auch, wenn man eines der unteren Bilder anklickt.

Getestet unter Windows 8 x64, IE10

[Body62]

Hallo Simon,

wie von Geisterhand funktioniert heute alles, oder gab es ein Update des IE10.

Gestern hatte ich noch das Problem das man den Detailausschnitt im Produktbild mit der Maus nicht richtig verschieben konnte.
Der Ausschnitt des Prokuktbildes ließ sich nur bewegen denn die Maus um einiges tiefer war und nicht mittig im Detailausschnitt.

[Simon]

Patchday ist jeder zweite Dienstag im Monat.
Mein System zeigt mir keine Updates dazu an, das es etwas gäbe oder in der kurzen Zeit bisher gab.

Wird wohl ein Cache Problem gewesen sein.
Am Besten nutzt man Programme wie den CCleaner um alles restlos zu löschen und auf deutsch nicht vom Browser bei der Entwicklung verarscht zu werden.

[malinka]

Hallo Community!

vielen Dank für das tolle Tool!!! Alles funktioniert sehr gut.

Eine kleine Frage habe ich:

Code: PHP  [Auswählen]

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

die Image id liefert den Link zum Bild, das angezeigt werden soll wenn man auf den gezoomten-Abschnitt klickt...

Bei mir wird an dieser Stellen (beim click) das info-Bild angezeigt.
Wie kann ich den Pfad ändern. Ich möchte gerne dass beim Click das Originalbild und nicht .../info_images/... angezeigt wird.

onclick="tb_open_new('images/product_images/info_images/77_0.jpg')"

Das ist bei mir die Stelle:

Code: PHP  [Auswählen]

{if $PRODUCTS_IMAGE!=''}
                <a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" class="cloud-zoom" id="zoom1" rel="adjustX: 10, adjustY:-4, zoomWidth: 350, zoomHeight:350" style="position: relative; display: block;">
                             
<img src="{$PRODUCTS_IMAGE}" id="{$PRODUCTS_IMAGE|replace:"original_images":"original_images"}"  alt="{$PRODUCTS_NAME}" class="productimage" />
                                             
                                       
                                                 
                </a>
                {/if}

 

Vielen DAnk für die Hilfe

Gruß
malinka

[Charly]

Ich habe parallel zu meiner Frage im Forum meine Problematik auch an sgieselmann gemailt und sehr schnell eine Antwort erhalten. Für alle, die das modifizierte Modul von ihm verwenden, kommt hier die Lösung:

In den product_info Templates muss der Code für das Produktbild geändert werden.

Das steht in der Anleitung:

Code: PHP  [Auswählen]

{if $PRODUCTS_IMAGE!=''}
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" class="cloud-zoom" id="zoom1" rel="adjustX: 10, adjustY:-4, zoomWidth: 350, zoomHeight:350" style="position: relative; display: block;"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" /></a>
{/if}

So müsste es aussehen:

Code: PHP  [Auswählen]

{if $PRODUCTS_IMAGE!=''}
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" class="cloud-zoom" id="zoom1" rel="adjustX: 10, adjustY:-4, zoomWidth: 350, zoomHeight:350" style="position: relative; display: block;"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" id="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" /></a>
{/if}

Ich muss zugeben, dass das ein super Modul ist. Einfach einzubauen und wirkungsvoll. Aber vielleicht könntet ihr eine komplette Version noch mal in den 1. Beitrag einfügen. Bei mir hat es nur mit dieser Änderung (siehe Zitat) funktioniert, was aber ich dem Zip-File vom 1. Beitrag nicht mit drin war.

Dennoch habe ich einen kleinen Fehler bei mir. Wenn ich die Bilder anklicke und vergrößere, wird der Text unter dem Bild nicht mehr angezeigt.

Hier ein Beispiel:

http://www.seiffener-weihnachtsland.de/Weihnachtsschmuck/Schwibboegen/Schwibboegen-fuer-Wachskerzen/Schwibbogen-natur-Christi-Geburt::1549.html

Bei der normal Version sollte doch ein Text stehen. Ich habe auch schon den scheinbar fehlenden Teil hinzugefügt. Leider noch kein Erfolg.

Momentan sieht es so bei mir aus

Code: PHP  [Auswählen]

<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" class="cloud-zoom" id="zoom1" rel="adjustX: 10, adjustY:-4, zoomWidth: 350, zoomHeight:350" style="position: relative; display: block;"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" id="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>

Dieses Stück fehlte in der Anleitung.

Code: PHP  [Auswählen]

{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}

Das müsste doch der Teil sein, der den Text unter das Bild schreibt oder?

[Charly]

Mir ist gerade aufgefallen, dass bei mir der Link "Bilder vergrößern" das Bild direkt aufruft und nicht so als würde ich auf das Bild selbst klicken. Ist das so gewollt oder ist da noch ein Bug drin?

VG Charly

[Charly]

Hat jemand noch einige Idee? Leider bin ich noch keinen Schritt weiter. 

[Matt]

Cloudzoom wird vermutlich durch eine Klasse getriggert. Einfach die selbe Klasse auch noch mal dem Textlink zuweisen.

[Charly]

Ich habe jetzt schon eine Idee, wie ich das Problem mit dem Link löse.
Die folgende Zeile

Code: PHP  [Auswählen]

<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" class="cloud-zoom" id="zoom1" rel="adjustX: 10, adjustY:-4, zoomWidth: 350, zoomHeight:350" style="position: relative; display: block;"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" id="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" />{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}</a>

habe ich das

Code: PHP  [Auswählen]

{if $PRODUCTS_POPUP_LINK!=''}<br/>{#text_zoom#}{/if}

raus genommen und dann einfach in die nächste Zeile ohne Bildaufruf eingebunden.

Code: PHP  [Auswählen]

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

Funktioniert wunderbar. Jetzt fehlt mir nur noch der Text zu dem Bild, wenn ich direkt auf das Bild klicke. Hat dazu schon jemand eine Idee?

[nicnero]

Hallo

Kann man den Effekt ändern wie das Zoom Bild aufgeht.
Ich hatte es im Internet gesehen. Da kam das Zoombild aus der Mitte des Artikelbildes und baute sich auf.
Bisher ist es ja so das es sich rechts neben dem Artikelbild aufbaut.

Kann man das ändern?

Gruß Nico

[DefCon2k]

Servus,

was genau meinst du mit aus der Mitte?

Poste mal einen Link, wo der Effekt zu sehen ist.

Gruß Tobi

[nicnero]

Hi

Hier gesehen: http://www.starplugins.com/cloudzoom

Gruß

[DefCon2k]

Servus,

okay, das ist die neue Version....
Ist der Nachfolger, allerdings nicht mehr kostenlos...
Das hier herunterzuladende hat diese Funktionalität leider nicht.

Gruß Tobi

[nicnero]

Alles klar, da weiß ich Bescheid.

Gruß Nico

[xxxxxxxxx]

okay, das ist die neue Version....
Ist der Nachfolger, allerdings nicht mehr kostenlos...

Die neue Version sieht aber richtig gut aus .......

Der Upgrade wär mir das Geld allemal wert. Würde sich der Einbau zwischen neu / alt radikal unterscheiden?