Login
Noch kein Mitglied? Hier registrieren, um das Forum zu nutzen, News einzureichen, zu kommentieren oder Seiten in der Galerie einzustellen.
Vanilla 1.1.2 Forum von Lussumo. Weitere Informationen: Dokumentation, Community.
MODx Revo Snippets, Komponenten, TVs etc.: Lightbox mit TinyMCE wie in MODx Evo möglich?
Ende der Seite1 bis 21 von 21
-
Hallo Zusammen und ein frohes Neues!
Der Titel beschreibt mein "Problem" schon ganz gut. Kann die Anleitung zu "Lightbox mit TinyMCE" für MODx Evolution genau so angewendet werden in der Revolution-Version?
Ich fand es äußerst praktisch das Bild über den TinyMCE zu dem entsprechenden Artikel hochzuladen, diesem dann per Dropdown die Klasse "ZoomImage" zu verpassen und dass dann das Thumbnail und die Lightbox-Verlinkung automatisiert erstellt wurde. Ganz besonders für den "Endkunden", dem man nicht immer zumuten will/kann die HTML-Ansicht zu bemühen und das Ganze Quellcode-like einzugeben.
Daher wäre ich für einen Hinweis dankbar, ob die oben verlinkte Anleitung für MODX Revolution gleich anwendbar ist? Da ja Mootools nicht wie in Evolution integriert zu sein scheint frage ich mich auch, welche Version da zu wählen wäre?
Aber vielleicht gibt es ja eine ähnliche Alternative für Revolution?
Schöne Grüße in die Runde!
slope -
unter revo gibt es z.b. diese Möglichkeit:
http://rtfm.modx.com/display/ADDON/MIGX.Fancybox-images+with+seperate+placeholders+in+Richtext-Content -
Hallo Bruno!
Herzlichen Dank für Deinen Hinweis!
Ich habe das Ganze mal eingebunden, kämpfe aber mit einigen Problemen. Die Thumbnails werden zwar angezeigt, aber wenn ich z. B. zwei Bilder in einem Dokument einbinde wird das erste Bild richtig verkleinert dargestellt, das zweite Bild wird aber angeschnitten.
Des weiteren öffnet sich bei Klick auf eines der Bilder keine Lightbox-artige Darstellung, sondern die Webseite wechselt und es wird nur noch das Bild angezeigt. Unschön! Lösungstipp parat?
Weiterhin empfinde ich diese Lösung für einen Laien, der nur mal eben ein wenig Text ändern und ein Bild erstellen möchte als relativ kompliziert, sofern man vom DAU ausgeht. Gibt's da echt nicht so was "Schönes"/ was Einfaches wie zuvor?!
Nachtrag: Der eingegebene "Titel" zu dem Bild wird auch nicht angegeben!
Und was mir noch aufgefallen ist, ist dass durch das angelegter Chunk ja die Breite des Thumbnails global vorgegeben wird. In Evolution mit der oben angegebenen Lösung war man da in der Größe der Thumbnails variabel, was hier und da auch sehr wichtig sein kann!
-
Ich habe das Ganze mal eingebunden, kämpfe aber mit einigen Problemen. Die Thumbnails werden zwar angezeigt, aber wenn ich z. B. zwei Bilder in einem Dokument einbinde wird das erste Bild richtig verkleinert dargestellt, das zweite Bild wird aber angeschnitten.
dann paßt mit phpthumof etwas nicht richtig.(evtl. falsche parameter?)
Des weiteren öffnet sich bei Klick auf eines der Bilder keine Lightbox-artige Darstellung, sondern die Webseite wechselt und es wird nur noch das Bild angezeigt. Unschön! Lösungstipp parat?
jede beliebige lightbox-Lösung kann eingebunden werden. Muß natürlich korrekt installiert sein.
Weiterhin empfinde ich diese Lösung für einen Laien, der nur mal eben ein wenig Text ändern und ein Bild erstellen möchte als relativ kompliziert, sofern man vom DAU ausgeht. Gibt's da echt nicht so was "Schönes"/ was Einfaches wie zuvor?!
so schön und einfach enpfinde ich die direct-resize-lösung nicht wirklich, ist aber Geschmackssache. Ansonsten mußt Du nur directresize unter revo zum laufen bringen. Keine Ahnung, ob das schon jemand am Laufen hat. Ich brauchs nicht.
Nachtrag: Der eingegebene "Titel" zu dem Bild wird auch nicht angegeben!
Und was mir noch aufgefallen ist, ist dass durch das angelegter Chunk ja die Breite des Thumbnails global vorgegeben wird. In Evolution mit der oben angegebenen Lösung war man da in der Größe der Thumbnails variabel, was hier und da auch sehr wichtig sein kann!
Die Größe der Bilder kann über selbst definierte Felder problemlos eingestellt werden, MIGX ist da sehr flexibel. -
Hallo erneut Bruno!
Danke Dir noch mal, dass Du dich noch mal hier einklinkst und mit Rat und Tat zur Seite stehst!
dann paßt mit phpthumof etwas nicht richtig.(evtl. falsche parameter?)
Hm, also es gibt ja die System-Ereignisse, bei denen wird standard-mäßig bei "OnSiteRefresh" ein Häkchen gesetzt, verändert habe ich daran nichts. Auf einer weiteren Seite habe ich auch mal zwei Bilder eingebunden, da funktioniert es komischerweise...
jede beliebige lightbox-Lösung kann eingebunden werden. Muß natürlich korrekt installiert sein.
Wenn ich mir in FF den Quelltext meiner Webseite anzeigen lasse sehe ich ja, welche Skripte eingebunden werden (sollen). In dieser Ansicht habe ich auch die Möglichkeit direkt auf die verlinkten Skripte zu klicken, bei Klick darauf werden mir diese auch angezeigt. Somit verstehe ich es so, dass diese auch richtig eingebunden sind?! Ansonsten würde ich ja eine leere Seite erhalten (oder einen Error 500)...
Ansonsten mußt Du nur directresize unter revo zum laufen bringen. Keine Ahnung, ob das schon jemand am Laufen hat. Ich brauchs nicht.
Directresize habe ich auch schon mal eingebunden, das funktionierte auch wunderbar. Allerdings wird das auf alle Bilder angewendet. Da ich die auf der Startseite enthaltenen Bilder aber als Link zu den Unterseiten verwende und hier immer das directresize greift habe ich diese Variante wieder verworfen. Ich habe leider keinen Weg gefunden das directresize so zu definieren, dass es sich eben nicht auf die Bilder der Startseite auswirkt. Ansonsten wäre dies die einfachste Lösung für mich gewesen, ich scheiterte aber eben an dem geschilderten Problem mit den Bildern der Startseite.
Die Größe der Bilder kann über selbst definierte Felder problemlos eingestellt werden, MIGX ist da sehr flexibel.
Was meinst Du mit selbst definierten Felden bzw. wo und wie kann ich diese definieren? Obwohl diese Lösung mir halt in Bezug auf den Endkunden/DAU nicht wirklich zusagt... -
Soweit ich weiß konnte man von directresize auch Bilder mit bestimmten Klassen aus/einschließen.
Auf alle Fälle ist es relativ einfach möglich bestimmte Seiten/Templates von der Ausführung eines Plugins auszuschließen, auch abhägnig z.b. von ner checkbox-TV z.b. , wenn Dir die directresize-lösung besser gefällt als die MIGX-Lösung.
Was meinst Du mit selbst definierten Felden bzw. wo und wie kann ich diese definieren? Obwohl diese Lösung mir halt in Bezug auf den Endkunden/DAU nicht wirklich zusagt...
Die MIGX - Doku hast Du Dir angesehen? -
Hallo erneut Bruno!
Habe die letzten Tage an einer anderen Baustelle gewerkelt, daher kam hier nichts mehr von mir. Die directresize-Lösung und das Ausschließen von Seiten/Templates muss ich mir dann noch mal genauer anschauen...die MIGX-Doku habe ich mir angeschaut, ich verstehe aber iwie nicht viel davon
Für ein anderes Projekt ist die MIGX-Lösung aber wahrscheinlich wieder das Richtige, was ich brauche!
Ich hoffe ich verstehe es richtig. Ich habe MIGX wie in dem Link beschrieben für das andere Projekt eingerichtet. Irgendworan hapert allerdings noch die "Lightbox"-Darstellung, was aber erst mal nebensächlich ist (denn ich hoffe das sollte das kleinste Problem sein).
Nun habe ich vier unterschiedlichliche Resourcen, denen ich per MIGX in der TV der jeweiligen Resource ein Bild zugewiesen habe. Dieses lässt sich auch wie gewünscht bei Aufrufen der entsprechenden Resource per Platzhalter [[+MIGX.0]] in TinyMCE aufrufen.
Mit einem getResources-Aufruf lasse ich mir die Introtexte der Resourcen auf der Startseite anzeigen.
[[!getResources? &parents=`-1` &resources=`19,20,21,22` &tpl=`ArtikelStartseite`]]
Hierbei werden die vier Resourcen in kleinen Teaserboxen nebeneinander angezeigt.
Nun hatte ich gehofft, dass ich ganz einfach durch Hinzufügen des Platzhalters [[+MIGX.0]] in meinem Template ArtikelStartseite das jeweilige Bild angezeigt bekomme. Jedoch wird immer das gleiche Bild angezeigt anstatt die jeweilig zugeordneten Bilder.
Ich hoffe meine Umschreibung ist einigermaßen verständlich? -
Du mußt getImageList innerhalb des ArtikelStartseite-chunks aufrufen und die jeweilige id übergeben mit
&docid=`[[+id]]`und den Platzhalter evlt ungecached, also[[!+MIGX.0]]
du kannst aber auch einfach getImageList mit dem parameter&limit=`1`aufrufen, um nur das jeweils erste Bild zu erhalten -
Danke erneut Bruno!
Ich habe nun folgendes in meinem ArtikelStartseite-Chunk stehen:
<div class="ArtikelStartseite">
[[!getImageList? &tpl=`fancybox` &tvname=`fancyboxTv` &limit=`1` &docid=`[[+id]]`]]
<h2><a class="Artikel" href="[[~[[+id]]]]" title="[[+pagetitle]]">[[+pagetitle]]</a></h2>
<p class="summary">[[+introtext]]</p>
<p class="mehr"><a href="[[~[[+id]]]]">mehr <img alt="weitere Informationen zu [[+pagetitle]]" src="./assets/images/mehr.jpg" /></a></p>
<div class="clear"></div>
</div>
Damit werden die entsprechend zugewiesenen Bilder richtig eingebunden und die H2-Elemente verweisen auf die richtige Unterseite.
Nun habe ich aber noch das Problem, dass ich die Bilder gerne mit dem entsprechenden Artikel verlinken möchte. Mein fancybox-Chunk sieht momentan so aus:
<a class="Artikel" href="[[~[[+id]]]]" title="[[+pagetitle]]">
<img src="[[+image:phpthumbof=`w=205&h=124&zc=1`]]" alt=""/>
</a>
Hiermit wird aber nur die erste Instanz mit dem richtigen Link zu der entsprechenden Seite versehen, nicht aber die restlichen drei Aufrufe, die allesamt auf der Startseite landen. Ich habe auch schon mehrere Varianten versucht, wie z.B.
href="[[~[[!+id]]]]"
href="[[+id]]"
href="[[!+id]]"
aber iwie führt mich das alles nicht zum Ziel. Problem ist, dass ich die Syntax anscheinend noch nicht so ganz verstehe...hierzu evtl. noch einen Tipp parat? -
probier mal
<a class="Artikel" href="[[~[[+property.docid]]]]" title="[[+pagetitle]]">
<img src="[[+image:phpthumbof=`w=205&h=124&zc=1`]]" alt=""/>
</a> -
Salut!
Die Links führen dann allesamt zur Startseite...bzw. wird im href Nichts eingetragen:
<a class="Artikel" title="" href="">
<img alt="" src="/assets/components/phpthumbof/cache/cbdab83246d0dd659bdb71755d794cf3.8929f3390affe16490e704dd885a6cc3.jpg">
</a> -
kann es sein daß deine version noch nicht die parameter weitergibt an die property - platzhalter?
habe heute ne neue version für 2.1.x ins repo hochgeladen. -
puh, wovon jetzt was Neues hochgeladen?
(Link?)
Von dem phpthumbof (hab Version 1.3.0) oder MIGX (hab Version 1.1.0) oder verstehe ich nun wieder alles falsch? Das was Du mir zuvor als Lösung geschrieben hattest galt ja für das fancybox-Chunk...
Übrigens habe ich zu meinem ersten Problem in diesem Thread nun auf directresize zurückgegriffen und es endlich verstanden, wie ich dieses nur auf Dateien eines bestimmten Ordners anwenden kann. Danke für die Unterstüzung hierzu! -
Kommando zurück!
Ich habe gesehen, dass es von MIGX nun die Version 1.2 gibt, mich hatte das 2.1. in Deinem Post verwirrt. Mit Version 1.2. werden die Bilder nun auch richtig verlinkt!
Thanks a lot! Hast mir sehr geholfen damit! Hab tausend Dank! -
MIGX 1.2.0 sollte vom package-management aus installierbar sein
-
Hallo Allerseits!
Ich greife dieses uralte Thema hier noch mal auf, da ich Ähnliches nun in einem neuen Projekt einsetze, hier aber wieder mal an meine Grenzen stoße...
Hierbei nutze ich MODx Revo 2.1.5-pl mit MIGX 1.2.0 und getresources 1.4.2.
In der Resource habe ich folgenden Snippet-Call:
[[!getResources? &parents=`62` &includeContent=`1` &limit=`15` &tpl=`Produkte`]]
Hier werden dann insgesamt ca. 15 Unterseiten aufgelistet, welche per MIGX-Fanybox-image-Anleitung mit einem oder mehreren Bildern versehen wurden.
Der/die/das tpl-Chunk "Produkte", welches für die Darstellung der Unterseiten zuständig ist, sieht folgendermaßen aus:
<div class="dokument2">
<ul id="gallery">
<li>
[[!getImageList? &tpl=`Dokumentbild` &tvname=`Artikelbild` &docid=`[[+id]]`]]
</li>
</ul>
<h2>[[+longtitle]]</h2>
<p>[[+content]]</p>
<div class="clear"></div>
</div>
Die TV "Artikelbild" entspricht dabei der "fancyboxTv" aus der Anleitung MIGX.Fancybox...
Der/die/das tpl-Chunk "Dokumentbild" sieht so aus:
<a href="[[+image]]" rel="slideshow[test]" title="[[+title]]">
<img src="[[+image:phpthumbof=`w=100&h=100&zc=1`]]" width="100" alt="[[+title]]"/>
</a>
Das Ganze soll per prettyPhoto in einer Lightbox-Slideshow dargestellt werden, was soweit auch gut funktioniert.
Nun komme ich aber zum Casus Knacksus:
das prettyPhoto-Script "springt" an, wenn ein "rel=slideshow" im Quelltext erscheint. Es funktioniert auch mit "rel="slideshow[test]" wie in oberem Beispiel angegeben. Jedoch habe ich auf einer Seite mehrere Instanzen, die ich gerne separat gruppieren möchte. Dies lässt sich ja in der Regel dadurch bewerkstelligen, das bei dem "rel=slideshow[]" innerhalb der eckigen Klammern ein unterschiedlicher Begriff gewählt wird. (Hab ich getestet, funktioniert auch wie gewünscht).
Wenn ich nun aber in dem/der tpl-Chunk "Dokumentbild" folgendes schreibe:
<a href="[[+image]]" rel="slideshow[[[+pagetitle]]]" title="[[+title]]">
<img src="[[+image:phpthumbof=`w=100&h=100&zc=1`]]" width="100" alt="[[+title]]"/>
</a>
...klappt das (natürlich) nicht. Komischweise wird bei der ersten Resource der aufgerufenen Unterseiten der [[+pagetitle]] eingetragen, die zugewiesenen Bilder werden auch innerhalb einer Gruppe dargestellt; bei allen weiteren Resourcen/Unterseiten, die danach noch folgen, aber nicht?! [[+pagetitle]] habe ich auch mal gegen [[+alias]] getauscht, da dieser bei mir ganz sicher immer befüllt ist, aber gleiches Problem...
Daher, was tun? Hat jemand einen Tipp parat? -
Ok, Lösung gefunden...
den Aufruf
[[getImageList? &tpl=`Dokumentbild` &tvname=`Artikelbild` &docid=`[[+id]]`]]
habe ich nun ungecached gemacht und das Template "Dokumentbild" habe ich nun so:
<a href="[[+image]]" rel="slideshow[gal-[[+pagetitle]]]" title="[[+title]]">
<img src="[[+image:phpthumbof=`w=100&h=100&zc=1`]]" width="100" alt="[[+title]]"/>
</a>
Nun werden alle Bilder der jeweiligen Resource gruppiert in einzelnen Galerien dargestellt.
Letzter Punkt, der sich mir noch aufgedrängt hat:
Ich befüllle die Resourcen über die MIGX-TV mit Bildern. Diesen Bildern werden ja dann quasi ID's gegeben, die ich in Kombination mit dem Platzhalter im content-Bereich aufrufe ({[[+img.0]], [[+img.1]], usw.). Ist es möglich mir die zugewiesene ID in der Übersicht der TV im Backend anzeigen zu lassen? Denn ich habe festgestellt, dass wenn ein Bild aus der Liste gelöscht wurde und ein neues Bild hinzugefügt wird, bekommt das neu zugewiesene Bild eine ID, die immer forlaufent ist, unabhängig davon ob ein Bild gelöscht wurde oder nicht. Daher wäre es gut, wenn ich die ID zu jedem Bild in der Übersicht im Backend sehen könnte. -
klappt das nicht nach der Beschreibung mit der Platzhalter-Anzeige im grid?
http://rtfm.modx.com/display/ADDON/MIGX.Fancybox-images+with+seperate+placeholders+in+Richtext-Content -
Hallo Bruno!
Ich habe gerade noch mal die Anleitung überflogen und festgestellt, dass ich die TV "placeholderTV" anscheinend vergessen habe. Im Backend im Grid werden mir nur die Reiter "Title" und "Image" angezeigt. Die "fancyboxTV" ist wie in der Anleitung angelegt (Form Tabs und Grid Columns sind 1:1 übernommen)...
Nun habe ich gerade die "placeholderTV" hinzugefügt, den Cache geleert, mich ab- und neu angemeldet und gehofft, dass vielleicht nun ein Reiter mit der jeweiligen ID hinzukommt...leider Fehlanzeige...
Hab ich eine Chance das noch hinzuzufügen?
Schönen Gruß! -
Das Feld hast Du in die formtabs und in die gridcolumns (mit dem renderer renderPlaceholders) eingebaut?
Das sollte dann funktionieren.
Es kann höchstens sein, daß Du die einzelnen Datensätze nochmal öffnen und speichern mußt, damit die Werte korrekt angezeigt werden können im grid -
Hallo Bruno!
Ja wunderbar, der Tipp mit dem neu abspeichern hat dann das Problem gelöst! Merci beaucoup!
1 bis 21 von 21