# Bild Zoom in Produktdetails einbauen

**URL:** <https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178>\
**Category:** Deutsches Forum\
**Tags:** templates-design\
**Created:** [April 29, 2009, 6:57pm UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178 "2009-04-29T18:57:06Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![online](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/o/bb73d2/32.png) [@online](https://forum.oxid-esales.com/u/online)\
**Post date:** [April 29, 2009, 6:57pm UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/1 "2009-04-29T18:57:06Z")

</div>

Hallo,

habt ihr eine Idee wie man einen Bild Zoom wie bei [CLOSED-Shop](https://shop.closed.com/closed.php/sid/6ec3e8efe32db2b5b57a58d5682e3655/cl/details/cnid/a9f46d6d586b73b90.24308132/anid/ced49f808d2651c76.94860009/Classic-Shirt-Pembroke/) einbauen könnte?

Das Tool kann man hier bekommen [http://www.magictoolbox.com/magiczoom/](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.

---

<div class="post-metadata">

**Author:** ![Niklas](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/n/34f0e0/32.png) [@Niklas](https://forum.oxid-esales.com/u/Niklas)\
**Post date:** [May 4, 2009, 11:32am UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/2 "2009-05-04T11:32:45Z")

</div>

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:

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

```

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

\<script src=“[http://www.deindomain.de/magicmagnify.js](http://www.deindomain.de/magicmagnify.js)” type=“text/javascript”\>\</script\>

Fänd ich auch super wenn uns wer helfen kann 🙂

---

<div class="post-metadata">

**Author:** ![Bronko](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/b/f4b2a3/32.png) [@Bronko](https://forum.oxid-esales.com/u/Bronko)\
**Post date:** [May 4, 2009, 2:18pm UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/3 "2009-05-04T14:18:32Z")

</div>

Hallo Niklas,

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

---

<div class="post-metadata">

**Author:** ![Niklas](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/n/34f0e0/32.png) [@Niklas](https://forum.oxid-esales.com/u/Niklas)\
**Post date:** [May 5, 2009, 10:29am UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/4 "2009-05-05T10:29:38Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Peach](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/p/67e7ee/32.png) [@Peach](https://forum.oxid-esales.com/u/Peach)\
**Post date:** [May 5, 2009, 11:43am UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/5 "2009-05-05T11:43:39Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Niklas](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/n/34f0e0/32.png) [@Niklas](https://forum.oxid-esales.com/u/Niklas)\
**Post date:** [May 5, 2009, 12:18pm UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/6 "2009-05-05T12:18:21Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![marco.steinhaeuser](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/marco.steinhaeuser/32/1832_2.png) [@marco.steinhaeuser](https://forum.oxid-esales.com/u/marco.steinhaeuser)\
**Post date:** [May 5, 2009, 10:06pm UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/7 "2009-05-05T22:06:49Z")

</div>

Hi,

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

> [@Niklas](#):
>
> Kann ich irgendwie nachvollziehen in welcher OXID Version welcher Fehler enthalten ist?

hier:[Change Log - OXID eShop bugtrack](https://bugs.oxid-esales.com/changelog_page.php)

Gruß

* * *

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

---

<div class="post-metadata">

**Author:** ![Niklas](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/n/34f0e0/32.png) [@Niklas](https://forum.oxid-esales.com/u/Niklas)\
**Post date:** [May 7, 2009, 9:27am UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/8 "2009-05-07T09:27:47Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Niklas](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/n/34f0e0/32.png) [@Niklas](https://forum.oxid-esales.com/u/Niklas)\
**Post date:** [May 25, 2009, 4:11pm UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/9 "2009-05-25T16:11:39Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ahaller](https://forum.oxid-esales.com/letter_avatar_proxy/v4/letter/a/f04885/32.png) [@ahaller](https://forum.oxid-esales.com/u/ahaller)\
**Post date:** [October 25, 2009, 9:56am UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/10 "2009-10-25T09:56:43Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://forum.oxid-esales.com/user_avatar/forum.oxid-esales.com/system/32/4245_2.png) [@system](https://forum.oxid-esales.com/u/system)\
**Post date:** [July 13, 2026, 7:44pm UTC](https://forum.oxid-esales.com/t/bild-zoom-in-produktdetails-einbauen/37178/11 "2026-07-13T19:44:07Z")

</div>