Druckbare Version
Hallo,
ich würde gerne in der Detailansicht die Möglichkeit bieten, Bildausschnitte per Lupe zu vergößern, so wie hier:
http://www.kd12.de/shop/new-in?page=...&category_id=6
oder hier:
http://www.zalando.de/one-green-elep...1c00n-302.html
Ist das möglich oder gibt es dafür eine Erweiterung?
Danke u. Gruß
Karsten
Hier gibt's eine Lösung per CSS:
http://www.cssplay.co.uk/menu/enlarge.html
Schau Dir mal isotope_zoomgallery an. (https://github.com/isotope/isotope_zoomgallery)
Auch nett: http://davidwalsh.name/mootools-zoom
Im aktuellsten Isotope ist das meiner Meinung nach schon enthalten. Schau einfach mal in der Shop-Konfiguration nach, das ist eine der letzten Einstellungen wo man die Art der Bilderdarstellung wählt. Achte dabei aber darauf, dass du - damit das korrekt funktioniert - unbedingt die verschiedenen Bildgrößendarstellungen darunter beibehalten musst.
vielen Dank für die schnellen Antworten
Ich habe natürlich vorher nach entsprechenden Erweiterungen gesucht, aber nur im Contao Erweiterungskatalog.
Zum Verständnis: Warum finde ich diese oder andere dort aufgelisteten Erweiterungen nicht im Contao-Erweiterungskatalog?Zitat:
@Nina: Zur Zeit sind dort die Standardgrößen "gallery", "thumbnail", "medium" und "large" eingetragen. Was muss ich dann stattdessen eintragen bzw. gibt es hierzu irgendwo eine Beschreibung?Zitat:
Im aktuellsten Isotope ist das meiner Meinung nach schon enthalten. Schau einfach mal in der Shop-Konfiguration nach, das ist eine der letzten Einstellungen wo man die Art der Bilderdarstellung wählt. Achte dabei aber darauf, dass du - damit das korrekt funktioniert - unbedingt die verschiedenen Bildgrößendarstellungen darunter beibehalten musst.
Gruß
Karsten
Hallo Karsten,Zitat:
Zitat von karo68
das fragst Du mich zuviel ...!
Liebe Grüße
Alex
Die Erweiterung ist noch nicht 100% getestet, sollte aber asap veröffentlicht werden.
@Andreas: Noch ein Hinweis dazu: Wenn bei Varianten das Produktbild automatisch gewechselt wird, steht der Zoom-Effekt nicht mehr zur Verfügung. Bei Details kannst Du mich gerne ansprechen.
Nein, ich meinte darüber das Auswahlfeld "Produkt-Bildergalerie".Zitat:
Zitat von karo68
Allerdings habe ich gerade gesehen, dass dort die Zoom-Galerie doch nicht standardmäßig dabei ist. Ich hatte gedacht, dass Andreas das mittlerweile in den Isotope-Core übernommen hat.
Hab mal die Issues bei GitHub freigegeben, du darfst ein Ticket machen ;-)Zitat:
Zitat von alex
Ey ey Sir !
==> https://github.com/isotope/isotope_zoomgallery/issues/1
Habe die ZoomGallery soeben gemergt, wird in der 1.4 im Core enthalten sein.
Das Problem wurde inzwischen auch schon gefixt:Zitat:
Zitat von alex
==> https://github.com/isotope/core/comm...58ffbfaa8f0f43
erst einmal vielen Dank für die Antworten und ein großes Lob für die tollen Möglichkeiten in Isotope.
Heute wollte ich die ZoomGallery testen, nur finde ich diese jetzt nicht mehr bei GitHub. Ich vermute, weile diese für die 1.4 gemergt wurde.
Wie kann ich die Erweiterung nun testen? Muss ich bis zur 1.4 warten oder gibt es vorab eine andere Möglichkeit?
Gruß
Karsten
Du kannst natürlich die Entwicklungsversion (develop Branch) installieren, oder dir den entsprechenden Merge suchen. Mit einem Git-Client kannst du auch die Version vor dem Merge laden. Aber ganz so einfach ist es nicht.. braucht wohl schon etwas Erfahrung mit Git ;)
O.K. danke.
Wann soll denn die 1.4 - Version freigegeben werden?
Kann ich mir trotzdem irgendwo eine Demo ansehen?
gibt es da schon eine möglichkeit das ganze auch in der 1.3.1 einzubauen? :)
Vielleicht hat Nina das noch als Erweiterung rumliegen?
Gibt's hierzu schon ein Update (Download-Link zur Erweiterung) bzw. eine Info, wann 1.4. veröffentlicht wird?
Vielen Dank
wäre toll... würde mich auch sehr interessieren.. lightboxen sind doch schon bissel abgegriffen......die nutzung von beidem wie bei dem zalando-link wäre die optimalste lösung....
thema abonniert...
Ich hab das alte bei mir noch gefunden. Viel Spass, ohne Garantie und Support ;-)
hat das ganze jemand zum laufen gebracht und kann eventuell nen short-tutorial hinterlassen?
Nachtrag: Ich kenn nen Isotope Shop, der dies nutzt, URL schicke ich gern per PM.
gruss
ways
kannst du mir mal die URl schicken? Und hast Du es schon ausprobiert ways2web mit dem effekt?
ok, ich schicke dir die url..
habs nur mal kurz eingeschaltet.. das reicht aber wohl nicht... da ging das foto ganz normal auf... eventuell muss man noch weitere schritte vornehmen...
wenn du es schaffen solltest... poste mal die infos!
hat es schon jemand hinbekommen? wohin muss ich die dateien entpacken? in das modules verzeichnis, oder wohin?Zitat:
Zitat von andreas.schempp
hallo andreas,Zitat:
Zitat von andreas.schempp
habe bei Nina mal nachgefragt und sie meinte eben, dass Du da was hast und ich mich wieder an dich wenden solle :P was stimmt jetzt? ;)
viele grüsse und danke,
david
Ja ins modules Verzeichnis, dabei muss also entstehen modules/isotope_zoomgallery/...Zitat:
Zitat von sepp_a_u
Ich hab sie doch weiter oben schon angehängt? :confused:Zitat:
Zitat von sepp_a_u
Die Datei ist weiter oben schon als Download zu finden. Im ER ist sie derzeit aber leider nicht.
Ich werde mal mit Andreas drüber sprechen, ob das irgendwann in den Isotope-Core kommt. Falls nicht, werde ich schauen, dass ich das Ding ins ER bekommen und dann meinerseits (finanziell) dafür sorge, dass sie immer kurzfristig auf neue Isotope-Versionen angepasst wird, falls es Änderungsbedarf gibt.
Wenn ihr die obige Datei nicht einfach zum Laufen bekommt, werde ich mal nächste Woche eine kleine Anleitung tippen. Eigentlich ist das ganz simpel :)
Die Frage wäre eigentlich auch schon beantwortet ;)Zitat:
Zitat von andreas.schempp
Ups, übersehen ^^
hallo nina,Zitat:
Zitat von Nina
danke für die antwort. das mit der anleitung wäre super, da ich es irgendwie nicht hinbekomme das ding zum laufen zu bringen :(
viele grüsse
hallo,
also mittlerweile läuft es eigetnlich. einfach das ding in den ordner laden, in der shop-config den produkt-gallerie-typ ändern in "inline gallery with zoom effect" und das wars dann schon fast. man muss dann nur noch abmessung für "large" bei den bildern einstellen in der shop-config, sonst wird "medium" genommen.
was mich allerdings stört ist, dass das "zoom-bild" dann auch die grösse von large einnimmt. ich würde gerne dennoch sagen wir abmessungen 440x440 haben von dem zoom-bild und dort das bild dann grösser darstellen.
http://beerpong.de/index.php/de/prod...-pong-set.html
wisst ihr, wie ich meine? also dass der graue kasten, der aufpopt, genauso gross ist wie das originalbild links, aber man darin zoomen kann und das bild schön dargestellt wird. gerne würde ich auch die graue hinterlegung entfernen; eigentlich so wie hier bei adidas: http://www.adidas.de/M%C3%A4nner-Bec...,de_DE,pd.html
viele grüsse u danke
ich habs auch einfach installiert dann die galerie eingestellt.. aber nix passiert... muss ich noch mal versuchen... wäre ja schräg, wenns doch so einfach geht wie anfangs erhoft ^^
gruss
ways
dann hast du was falsch eingestellt, weil bei mir funktioniert es einwandfrei bis auf die oben genannten dinge, die ich anders haben möchte...Zitat:
Zitat von ways2web
ok.. bei mir gehts nun auch...
ABER
es funktioniert nur bei Produkten, die ne gallery besitzen, ob durch Varianten oder einfach mehrere Produktbilder ist egal. Sobald das Produkt nur ein Bild besitzt, öffnen sich die Bilder ganz einfach in dem gleichen fenster...
Fazit: Entweder nen Bug... oder bei der Entwicklung wurde der Fall nicht berücksichtigt.
gruss
ways
Ist mir eben auch aufgefallen. Kann man das irgendwie ändern?Zitat:
Zitat von ways2web
Hätte auch gern den Zoom, wenn nur ein Bild vorhanden ist...
also ich kenne dafür bisher leider auch keine lösung.
Ich schau demnächst mal, ob im template eventuell ne Abfrage läuft, die man manipulieren kann um das gewünschte ergebnis zu erhalten.
Ansonsten müßte man wohl mal nen extension-ticket anlegen im forum.. auf github scheint es das projekt nicht mehr zu geben.. vielleicht weils in den isotope core kommt oder so...
gruss
ways
Ja, weil es in den Core kommt. Daher auch:
Zitat:
Zitat von andreas.schempp
Alles klärchen...
Ist die Frage erlaubt, bis wann ca. mit der neuen Version zu rechnen ist? Kunde liegt mir mit der Funktion schon im Ohr...
Ein zwischenzeitlicher Workaround wäre auch schon klasse.
Und weil's mir grad einfällt:
Ein dickes, fettes MERCI für die Arbeit an isotope! Das Ding rockt! :cool:
Ich habe das Template iso_gallery_zoom.xhtml mal ein wenig gefixed.
Das JS wurde mehrfach aufgesetzt. Dadurch hatte man unter anderem den Zoombereich im Vorschaubild medium mehrfach (pro Bild der Gallerie minus 1).
Auch wurde der Zoomeffekt auf die Galerievorschaubilder aufgesetzt sowie auf das Bild unter der Artikelnummer (Attribut-Bild?).
Zusätzlich habe ich noch im Template die Option geschaffen die ZoomIt-Options mitzugeben (zu verändern). Hauptsächlich wohl interessant für diese drei Parameter.
PHP-Code:zoomPosition: 'right', // left, right, top, bottom
zoomAreaColor: '#f00', // zoomed area bg color
multiplier: 1 // how much of the big image will be displayed
Wow, vielen herzlichen Dank Andreas!!!
Super Sache! Jetzt tut das so wie es soll.
Und genau deshalb liebe ich diese Community so ;)
ja klasse!!!!
jetzt funktioniert das zoomen auch bei Bilder die keine Gallery mitbringen...
dann muss ich nur noch rausfinden, wie ich die ZommArea in griff bekomme mit eigenen festen abmessungen.. mit dem mulitplier funzt jedenfals schon super
danke Andreas. bin mal gespannt obs als Core dann auch so funz
gruss
ways
Das hört sich echt super an! Jetzt habe ich aber noch eine Frage: Mir ist nicht ganz klar wie ich die iso_gallery_zoom.xhtml als Template einfüge. Man wird es ja kaum im template Ordner des Isotop-Moduls ändern bzw. einfügen. Wenn ich ein neues Template erstelle, mit dem Inhalt der iso_gallery_zoom.xhtml, wird diese nicht benutzt, da noch keinen Referenz auf dieses Template angelegt ist (Was ja klar ist). Wo lege ich diese an oder wie bekomme ich ein neues Template zum Laufen?
Wird für die Zoom Funktion ein moo Tool benötigt?
Vielen Dank.
Gruß Botze
Ich meine, dass die Zoomgallery in Isotope nicht mehr vorhanden ist.
Ja, in Isotope war die MooTools Version der Zoomgallery http://www.php-help.ro/php-tutorials...pt-image-zoom/
Du kannst auch versuchen sie einfach manuell aufzusetzen.
Hier ist das, was ich noch davon habe
Natürlich ist sie im Core vorhanden.
https://github.com/isotope/core/blob...oomGallery.php
Ah, ok, danke. Da hatte ich ne Version erwischt, in der sie nicht mehr drin war.
Hallo Alle
Ist wirklich super die Zoom Gallerie, und funzt soweit einwandfrei.
Gern würde ich nun natürlich kleiner Sachen anpassen. Mir ist klar ersichtlich, dass ich BG, Border, Shadow, etc. per CSS ansteuern kann.
Gerne würde ich aber auch den Zoom-Faktor und das ganze Zoom-Feld anpassen.
Muss ich hierfür wirklich im javascript Anpassungen machen oder gibt hierfür im BE möglichkeiten?
Besten Dank für Hinweise.
Gruss fbo
Hallo,
gibt es eigentlich die Möglichkeit bei einem Click auf das Bild zusätzlich eine Lightbox anzuzeigen, wie z.B. hier www.zalando.de?
Und warum ist die zoomGallery in Isotope 2 nicht mehr enthalten bzw. wird diese noch implementiert?
Vielen Dank
Karsten
Weil sie nicht kompatibel ist mit der Version 2 und es gibt aktuell keine Pläne sie wieder zu integrieren.
Es müsste sich halt jemand darum kümmern, was wir vorerst nicht tun werden.
Ich verstehe, danke.Zitat:
Zitat von Toflar
Kann mir noch jemand meine erste Frage beantworten? "gibt es eigentlich die Möglichkeit bei einem Click auf das Bild zusätzlich eine Lightbox anzuzeigen, wie z.B. hier www.zalando.de?"
Viele Grüße
Karsten
Bei der Standardgalerie noch beim großen Bild zusätzlich eine Lightbox wär echt super. Ist sowas aufwendig?
Du meinst die zoom-gallery in Isotope 1.4 oder?Zitat:
Zitat von brezy
siehe Toflar's Antwort weiter oben.Zitat:
Zitat von karo68
Dein Problem (wenn richtig verstanden) sollte sich wie folgt lösen lassen:
Variante 1:
Wenn du isotope 2.x nutzt, gehe in die Konfiguration unter Galerien, lege für die Produktdetails eine "Default Gallery" an. Dort kannst du dann "Lightbox/Mediabox öffnen" auswählen. Dann das entsprechende "Lightbox template" auswählen UND unter Themes im Layout (je nachdem ob du mootools oder jquery nimmst) auch dort das "Template" auswählen, welches du für die Galerie genommen hast. Dann noch etwas css und die Bilder öffnen sich in der Lightbox.
Variante 2:
Unter Themes im Layout moo_mediabox auswählen. Im Template "iso_gallery_inline.html5" folgendes ergänzen:
<a data-lightbox="<?php echo $this->product_id; ?>" title=...
Das klappt auch wunderbar. Nur sollte man dort natürlich schauen, bei welchem Template welcher Code benötigt wird für die entsprechende Lightbox.
Die Frage hatte schon seinen berechigten Grund. In diesem Thread geht es um "Bildausschnitte per Lupe vergrößern", also speziell um die Zoom-Gallery. Demnach ist die Frage von brezy hier falsch platziert. Die Antwort von Toflar sagt lediglich aus, dass die Zoom-Gallery nicht in der neuen Isotope-Version vorhanden ist und auch vorerst nicht sein wird.Zitat:
Zitat von Sinainu
Gruß
Karsten
Bezogen auf deinen Post ist meine Antwort nicht doch hilfreich? Davon mal ganz abgesehen, würde mich das Zoomen der Bilder in der Galerie auch brennend interessieren ;)Zitat:
Zitat von karo68
Leider nicht so richtig. In meinem Fall müsste ich ja das Template "iso_gallery_zoom" bearbeiten. Hier habe ich schon mal versucht das onClick-Event zu modifizieren, aber leider ohne Erfolg. Vielleicht bin ich aber auch falsch davor?Zitat:
Zitat von Sinainu