MODUL: Cloud Zoom als Alternative zu MagicZoom

[DefCon2k]

Servus,

ich schaue es mir mal an, sollte aber normalerweise nicht so wesentlich anders sein.

Hätte aber ggf. noch eine Alternative, die werde ich auch mal genau unter die Lupe nehmen. Lediglich das von Nico angefragte herausspringen ist da nicht dabei, aber ansonsten viele coole Features.
Hier mal der Link zu den Beispielen:

http://www.elevateweb.co.uk/image-zoom/examples

Vorteile dieses Scripts: es ist frei (MIT und GPL Lizenz), allerdings etwas größer (minified noch mehr als Faktor 3 im Vergleich zum alten Cloud-Zoom), wobei das neue Cloud-Zoom (V2.1) auch um mehr als das doppelte gewachsen ist.

Was die von Nico angefragte Funktion angeht, würde ich, sofern Interesse besteht, dem Entwickler mal eine Mail schreiben, ob so etwas machbar wäre.

Gruß Tobi

[nicnero]

Hallo Tobi

Das wäre ja Super. Mal schauen wie die Reaktion hier sein wird darauf.
Ich hätte da schon Interesse
Auf der Seite von dir sind auch viele gute Möglichkeiten es anders zu gestalten. 

Gruß Nico

[DefCon2k]

Servus,

ja, da ist einiges dabei; vor allem die runde Lupe ist cool (ich denke, die würde sich besonders auf mobilen Endgeräten gut machen)!

Also ich schicke dem Entwickler mal eine Mail und frage mal nach, wie es mit der von dir gewünschten Funktion aussieht.

Denn dann wäre es meiner Meinung nach DIE Alternative zum neuen Cloud-Zoom.

Gruß Tobi

[foo]

kann es sein das bei der v1.2 die thickbox garnicht mehr funktioniert?

also bei mir ist die komplett weg?

[milena]

@DefCon2k,

Hallo,
habe das Modul in Version 1.06 eingebaut und es funktioniert prima !!! Super Modul!!

Danke und Gruß
milena

[Stritler]

habe das Modul in 1.06 eingebaut. Hätte jedoch gerne noch wenn man auf das Bild klickt das Pupup Bild aufgeht. Wo muss man das ändern?

[larodef]

Modul eingebaut in 1.06, funzt sehr prima. Danke an def für die Arbeit .

Ich habe aber noch 2 Probleme:
1. Auf dem ipad habe ich einen Versatz zwischen Lupe und vergrößertem Bild.
2. Auf dem Android bleibt der Lupenkasten oben links hängen, bewegt sich nicht.

Einer ne Idee wo ich da hinpacken muss. Nutze die letzte cloud-zoom.1.0.3.1.min.latest.js hier aus dem Forum.

Gruss
laro

[cillex]

Ich wollte das Cloud Zoom Modul von sgieselmann mit der Fancybox Lösung von web28 kombinieren:
http://www.modified-shop.org/forum/index.php?topic=8913.msg156090#msg156090

Leider öffnet sich das Fenster nach einem Klick auf das Bild damit nicht mehr. Hat das schonmal jemand zum Laufen gebracht?

Gruß
cillex

[cillex]

Auf der Cloud Zoom Homepage findet man auch folgenden Code, mit dem man eine Galerie in die Fancybox übergeben kann:

Code: Javascript  [Auswählen]

<script type="text/javascript">
    $(function(){
        $('#myCloudZoom').bind('click',function(){       // Bind a click event to a Cloud Zoom instance.
            var cloudZoom = $(this).data('CloudZoom');   // On click, get the Cloud Zoom object,
            cloudZoom.closeZoom();                       // Close the zoom window (from 2.1 rev 1211291557)
            $.fancybox.open(cloudZoom.getGalleryList()); // and pass Cloud Zoom's image list to Fancy Box.
            return false;
        });
    });
</script>
 

Wirklich weitergeholfen hat mir das aber auch nicht 

[einfach112]

Thumbnails verschoben ?!
Hallo !
Habe nun auch alles nach Anleitung eingebaut.
Habe bei meinem Artikel insgesamt 3 Bilder eingefügt.
Beim Aufruf der Seite erscheint im Zoombreich direkt Bild1
Darunter erscheinen die Thumbnails ...
Bild1 Bild2 Bild3

Wenn ich auf Bild 2 Klicke erscheint es oben im Zoombereich! Soweit alles OK !
Doch wenn ich dann Zoomen will Zeigt er mit im Zoombereich selber den Inhalt von Bild 1 an.
Klicke ich Bild 3 an und will zoomen zeigt er mir im Zoombereich den Inhalt von Bild 2 an.
Klicke ich auf Bild 1 zeigt er mir Inahlt von Bild 1

Habe ich da was (VER)Copy-Pastet ?
Finde da leider nichts ?

Hier mal ein Auszug

Code: PHP  [Auswählen]

        {$FORM_ACTION}
               
        <div id="productinfowrap">
                <table>
                        <tr>
                          <td width="329" style="padding-right: 20px;">
 <p>
 <h1><span itemprop="name">{$PRODUCTS_NAME}</span></h1>
   {if $PRODUCTS_IMAGE!=''}
            <a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}" class="cloud-zoom cloud-zoom-gallery" id="zoom1" rel="adjustX: 10, adjustY:-4, zoomWidth: 420, zoomHeight:220" style="position: relative; display: block;"><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" /></a></a>
          {/if}<tr>
        <td colspan="2">
          <div id="cloud-zoom-hint"><br />Bewegen Sie die Maus &uuml;ber das Bild<br />um es zu vergr&ouml;&szlig;ern.<br /><br /></div>
{if $more_images|@count > 0}
Weitere Produktbilder
<div class="morepics">
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1',smallImage:'{$PRODUCTS_IMAGE}'" ><img src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" class="productimage" /></a>
<!-- More Pictures -->
{foreach item=more_images_data from=$more_images}
<a class="cloud-zoom-gallery" rel="useZoom: 'zoom1',smallImage:'{$more_images_data.PRODUCTS_IMAGE}'" title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"original_images"}"><img align="left" src="{$more_images_data.PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME}" /></a>
{/foreach}
</div>
<div style="clear:both;"></div>
{/if}
        </td>
      </tr>
                               
           
                                <td width="373">
                                        <div id="productinfoprice">

Danke wie immer im voraus...
einfach112

[eklis]

auch von mir herzlichen Dank an das Forum und insbesondere an @DefCon2k!
Sogar für Newbies wie mich waren Einbau und Anpassung von Cloud Zoom in die neue Version 1.06. ein Kinderspiel...
Ihr seid großartig!!

[TomTom07]

Einen schoenen guten Abend an alle hier im Forum,

Ich habe da ein ganz kleines Problem.

Bei mir funktioniert die Anzeige des Gesamtbildes nicht sofern ich auf das Bild klicke. Lediglich der Zoom wird angezeigt nicht aber das komplette Bild wenn ich darauf klicke.

Mir wuerde es ja auch schon reichen wenn ich den Link zum Gesamtbild als Text hätte (währe sogar vielleicht besser)

Hier einmal der Ausschnitt:

Code: PHP  [Auswählen]

<!-- BOF - modified eCommerce Shopsoftware Modul: Product Image Cloud Zoom V1.0 -->
 <div id="product-images">
        {if $PRODUCTS_IMAGE!=''}
 <div id="hauptbild">
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" class="cloud-zoom cloud-zoom-gallery" 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>

</div>
        {/if}
{if $more_images|@count > 0}
<div id="morepic">
<!-- More Pictures -->
<a title="{$PRODUCTS_NAME}" href="{$PRODUCTS_IMAGE|replace:"info_images":"original_images"}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{$PRODUCTS_IMAGE}' " style="position: relative; display: block;float:left;padding:2px;"><img src="{$PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" alt="{$PRODUCTS_NAME} - 1" id="{$RODUCTS_IMAGE|replace:"info_images":"original_images"}" /></a>
</div>
{foreach item=more_images_data from=$more_images}
<div id="morepic">
<a title="{$PRODUCTS_NAME}" href="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"original_images"}" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '{$more_images_data.PRODUCTS_IMAGE}' " style="position: relative; display: block;float:left;padding:2px;"><img src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"thumbnail_images"}" id="{$more_images_data.PRODUCTS_IMAGE|replace:"info_images":"original_images"}" /></a>
</div>
{/foreach}
{/if}
</div>
<!-- EOF - modified eCommerce Shopsoftware Modul: Product Image Cloud Zoom V1.0 -->

 

Und hier einmal ein Beispiel Link: http://www.z-toys.de/Babyausstattung/Kinder-Autositz/Auto-Kindersitz-0-0-18kg/Kinder-Autositz-Boo-bunt::569.html

Es ist schon etwas länger her das ich mir das Modul installiert habe, also bitte verzeiht wenn ich das Thema nicht mehr so ganz auf dem Schirm habe.

Ich freue mich schon jetzt über Eure Hile

Liebe Gruesse und noch einen schoenen Abend

TomTom07

[TomTom07]

Nochmals ein liebes Hallo an alle hier,

Mein Post vorher blieb leider unbeantwortet. Daher möchte ich euch nocheinmal fragen wie ich es schaffe das ich mit cloud zoom zumindest einen link zum kompletten Bild erhalte. Bei mir funktioniert leider nicht die Funktion das bei einem Bildcklick das Gesamtbild angezeigt wird.

Da ich es einfach nicht hinbekomme, dachte ich mir einen Link zum Hauptbild zur Verfügung zu stellen, aber selbst das bekomme ich nicht hin.

Ich wuerde mich wirklich freuen wenn mir hier jemand unter die Arme greifen könnte.

Abendliche Gruesse an alle

[Mugs & Cups -Mehr als Tee]

Hallo und schönen Sonntag,
Meine Shopversion ist die 1.06 rev 4356.
Ich habe dieses Modul nach Anleitung installiert, auf cloud-zoom.1.0.3.1.min.latest.js aktualisiert und auch die Anpassung in der general.js.php gemacht, jedoch leider keine Funktion. Habe nach einer möglichen Lösung im Forum gesucht, auch paar Lösungsansätze gefunden, jedoch hat keines mein Problem gelöst.
Eine der Lösungen handelte über jquery Kollisionen wenn man den  Nivo Slider gleichzeitig mit Cloud Zoom am laufen hat. Habe auf jquery 1.8.3 aktualisiert, kein Erfolg.

Merkwürdig ist, dass der ladebalken kurz aufblitzt, aber wenn man mit der Maus über das Bild geht verhält sich das Ganze so, als wäre da rein garnichts, auch wenn man mit der rechten Maustaste auf das Bild klickt ist da kein view image oder sowas.

Hat keiner gleichzeitig den Nivo Slider und Cloud Zoom am Laufen??

Übrigens geht seit dem Nivo Slider auch die thickbox nicht mehr (endloses Laden)...

Bin mit meinem Latein am Ende, ich bin mir sicher es ist nichts großes aber ich sehe es nicht mehr vor lauter Versucherei...

Domain ist unter meinem Bild.

Hoffe mal das jemand ne Lösung hat, LG und schönen Sonntag Nima

[Mugs & Cups -Mehr als Tee]

Hallo nochmal,

ich habs jetzt gelassen, will den Cloudzoom nicht mehr. Hab die Thickbox wieder zum laufen bekommen und die Dateien und Codes für die Cloudzoom rückgängig gemacht, danke für die Anteilnahme..

Lg Nima