Artikeldetails (Azure, linke PictureBox / Zoombereich)

Deutsches Forum
1

Steh wohl gerade auf dem Schlauch, aber vielleicht hat jemand eine Idee ;).

Es geht ums Azure Theme, um die Artikeldetails.

Im Vorschaubild auf der linken Seite kann man ja schön rein zoomen, das Ergebnis wird rechts angezeigt. Ist das Bild links aber deutlich kleiner als die maximale Größe der linken Box, kommt man aus dem zoom Bereich raus und kann klicken, dann wird das original Artikelbild extern geöffnet, auf der selben Seite.

Was die Höhe angeht, kein Problem, die breite schon.
Hab mal ein Screenshot aus dem Demoshop angehängt.

2

Und was genau möchtest du machen / haben / verhindern / ändern?

3

Na das man da nicht mehr klicken kann.
Der Linkbereich um das Vorschaubild dehnt sich auf die volle breite der linken Box aus.

Nehme ich die Breitenangabe raus, bekomme ich das Image natürlich nicht mehr zentriert.

4

quick and dirty Vorschlag:
wenn du auf das kleine blaue umrundete “+”-Symbol in der linken oberen Ecke des Bildes klickst, öffnet sich eine Lightbox, ich würde die Lightbox dann einfach beim Klick auf das Bild öffnen lassen und nicht nur beim klick auf das kleine Symbol.

Datei: out/azure/tpl/page/details/inc/productmain.tpl
Zeilen: 39 bis 50


        [{if $oView->showZoomPics()}]
            [{oxscript include="js/widgets/oxmodalpopup.js" priority=10 }]
            [{oxscript add="$('#zoomTrigger').oxModalPopup({target:'#zoomModal'});"}]    [b]<- durch "#zoom1" ersetzen[/b]
            <a id="zoomTrigger" rel="nofollow" href="#">Zoom</a>   [b]<- Zeile entfernen[/b]
            [{oxscript include="js/libs/cloudzoom.js" priority=10}]
            [{oxscript add="$('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();"}]
            <div class="picture">
                <a href="[{$oPictureProduct->getMasterZoomPictureUrl(1)}]" class="cloud-zoom" id="zoom1" rel="adjustY:-2, zoomWidth:'354', fixZoomWindow:'390', trImg:'[{$oViewConf->getImageUrl('dot.png')}]', loadingText:'[{oxmultilang ident="PAGE_DETAILS_ZOOM_LOADING"}]'">
                    <img itemprop="image" src="[{$oView->getActPicture()}]" alt="[{$oPictureProduct->oxarticles__oxtitle->value|strip_tags}] [{$oPictureProduct->oxarticles__oxvarselect->value|strip_tags}]">
                </a>
            </div>
        [{else}]
5

Das hatte ich eh schon entfernt, dieses PopUp brauch ich nicht.

Diese Zoom Funktion ist schon klasse, aber wie gesagt, ist es nicht so toll, dass wenn das Vorschaubild nicht die maximale höhe und breite aufweist, man außerhalb des Bildes klicken kann. Ist halt ein unschöner Nebeneffekt, den ich gerne beseitigen würde.

6

Hallo,

ich habe im Azure Theme auch Probleme mit diesem Phänomen und zwar wenn ich mein Wasserzeichenmodul verwenden möchte, bei dem das Wasserzeichen nur auf den Bildern im generated Ordner ist.

Im Azure Theme ist es dann möglich wie oben beschrieben neben dem Bild zu klicken und dann wird einem das Bild aus dem Masterverzeichnis angezeigt. Da habe ich dann kein Wasserzeichen, also nicht so günstig.

Hat jemand schon eine Idee wie man das Problem beheben kann?

7

Hallo,
ich find die Grundfunktion völlig i.o. Der User kann ja selbst entscheiden, was für Ihn das angenehmste ist. ABER!

Das Vorschaubild hängt ein wenig zu tief, glaub ich…also es fängt oben genau in der Hälfte des kleinen blauen umrundeten “+”-Symbols an. Somit sind die beiden Bilder (Vorschau und Zoombild) nicht genau nebeneinander.

Kann man die Position des Vorschaubildes irgendwie ändern oder wie kann man das anders angehen? Das Bildverhältnis leitet sich von 185/150 und 925/750 ab.

thomas