Bild Zoom in Produktdetails einbauen

Hallo,

habt ihr eine Idee wie man einen Bild Zoom wie bei CLOSED-Shop einbauen könnte?

Das Tool kann man hier bekommen http://www.magictoolbox.com/magiczoom/

Da ich ein newbie hier bin weis ich nicht wie ich vorgehen müsste. Kann mir bitte jemand helfen?

-wie müsste ich anfangen?

-wo müsste ich den Code am besten plazieren?

-usw.

Genau bei dem Thema bin ich auch gerade. Bei mir haperts im Moment sogar einfach das Artikelbild zu vergrößern ( in nem anderen Thread angesprochen ). Also in Grundeinstellungen und CSS die Größe ändern, aber irgendwie passiert nichts.

Die Magnify Demo habe ich QUASI eingebaut bekommen, im Firefox gehts, im IE gar nicht. Habe folgenden Code gemacht, und nur durch ausprobieren herausgefunden:

<div class="picture">     [{if $oView->showZoomPics() }]        [{assign var="aZoomPics" value=$oView->getZoomPics() }]        [{assign var="iZoomPic" value=$oView->getActZoomPic() }]      <a href="[{$aZoomPics[$iZoomPic].file}]" rel="size:150px;" class="MagicMagnify" href="[{$product->getMoreDetailLink()}]"><img src="[{ $oView->getActPicture() }]"></a>    </div>

Aber wie gesagt ich bekomme das Haupt-Artikelbild nicht größer, was etwas blöd ist. Und im IE verschiebt sich alles.Am Anfang der Seite musst du noch den Zugang zum Java file setzen

<script src=“http://www.deindomain.de/magicmagnify.js” type=“text/javascript”></script>

Fänd ich auch super wenn uns wer helfen kann :slight_smile:

Hallo Niklas,

die Größenänderung gelten erst bei den neu hochgeladenen Bildern. Vorher geladene Bilder bleiben in der Ursprungsgröße.

Huhu Bronko,

alles schon so gemacht, sogar aus allen Unterordner /0/ , die Zoom Ordner usw. rausgelöscht und der Stamm-Bilderordner, aber irgendwie ändert sich nichts.

Das Hauptbild wird doch in den Grud einstellungen > Einstellungen > Bilder geändert unter oxpic1 => 450*700 oder? Also hab ich schon geändert, aber irgendwie tut sich nichts.Welcher CSS bereich ist denn für das Artikeldetail-Bild verantwortlich? Da gibts ja mehere Bereiche wo Picture drin vorkommt …Schöne GrüßeNiklas

Hallo Niklas,

falls Du den FF benutzen solltest, lade mal das AddOn FireBug herunter und installiere es.

Einfach oben auf Extras=> Add-ons und in dem Fenster dann auf alle Add-onns ansehen und suchen.

Bei FireBug gibt’s die Funktion “Untersuchen”, da fährst Du einfach über den Bildschirm und FireBug zeigt Dir unten im HTML-Code

an, wo Du dich gerade befindest.

Also wenn Du über das Bild fährst, bei welchem Du die dazugehörige Datei suchst und dieses dann ankliegst, steht rechts bei Styles genau beschrieben, wo und in welcher Linie Du die entsprechenden Daten findest.

Und das tolle an dem AddOn ist auch, dass Du hier Änderungen vornehmen kannst und diese Änderungen auch gleich angezeigt werden. Sprich Größe der Bilder, Rahmen,Linien etc. Was allerdings nur auf dem Bildschirm passiert, Du brauchst also keine Angst zu haben, dass Du versehentlich etwas am Shop änderst.

Ich finde dieses AddOn sehr praktisch.

Vielleicht hilft Dir das weiter.

Grüße Peach

Huhu Peach,

ja das hab ich schon, stimmt ist sehr genial. Habe mittlerweile auch alle Bereiche gefunden in der CSS, habe Größe angepasst aber jetzt hapert es bei den Zoom Bildern … Ich habe vor das z1 Bild als Standard-Artikeldetailbild zu haben und mit der Lupe auf das z2 zu zoomen.

Kriege das z1 Bild dahin, nur der nimmt nicht die Größe die ich in den Grundeinstellungen hinterlegt habe. Das ist ja zum verrückt werden …Oder kann es sein das meine Oxid Version fehlerhaft ist … Kann ich irgendwie nachvollziehen in welcher Oxid Version welcher Fehler enthalten ist? …Habe das Gefühl das die in den Grundeinstellungen hinterlegten Bildergrößen für das normale Artikelbild und z1 / z2 nicht funktioniert.hmpf!

Hi,

ohne genauer auf das eigentliche Problem eingehen zu können…

hier:Change Log - OXID eShop bugtrack

Gruß


Marco Steinhäuser
Community Guide
OXID eSales AG
http://twitter.com/marcosteinhaeus

Ah ok. Hab mal etwas gesucht, finde aber eigentlich nichts was in die Richtung geht. Dann bin ich noch etwas überfragt.

@online: Problem schon gelöst und Zoom eingebaut?

Hab das Magnify bei mir eingebaut:Die Verknüpfung zum JavaScript vom Magnify habe ich unter der Einbindung vom _header gemacht ( alles in der detail.tpl ):

[{include file="_header.tpl" location=$template_location }]<script src=“magicmagnify.js” type=“text/javascript”></script>

Der eigentliche Schnipsel der das Magnify ausführt und darstellt:

<div class=“picture”> <a href="[{$aZoomPics[$iZoomPic].file}]" rel=“size: 200px; zoom-color: #000000” class=“MagicMagnify”><img src="[{ $oView->getActPicture() }]"></a></div>

Wer noch fragen hat, stellen!
//Niklas

Hi Niklas,

ich sitzte gerade am Problem, dass keines meiner Bilder gezoomt werden können - das hatte ich eigentlich bei OXID vorausgesetzt. Vielleicht könntest Du Deine “Anleitung” etwas genauer beschreiben, damit man das “von Anfang an” nachvollziehen kann.

Vielen Dank.
Armin