Kategorie: Webdesign, Templates, ...

Um einen Link oder eine HTML-Seite in einer Lightbox zu öffnen wird eine Erweiterung wie beispielsweise "wt_lightwindow" benötigt.

  1. Bei TYPO3 >v4.5 muss dazu im Backend unter "Erweiterungen" die entsprechende .t3x gesucht und installiert werden.
  2. Nach erfolgreicher Installation taucht unter "Verfügbare Erweiterungen" in der Kategorie "Frontend" das benötigte Plug-In auf. Hier sieht man auch direkt den aktuellen Sand. Gibt es Updates? Ist es richtig installiert?
  3. "Template" - Startseite auswählen. "Vollständigen Template-Datensatz bearbeiten" klicken. Danach fügen wir unter "Enthält" das statische Template "ADD JS Files (wt_lightwindow)" hinzu.



  4. Das wars auch schon fast. Nun können wir nach dem wir den CACHE GELEERT haben, die links editieren die in der Lightbox geöffnet werden sollen.
  5. <a href="/faq?id=4" class="lightwindow">Link zur Seite</a> so sollte ein Interner Link aussehen um beipielsweise, Seiten oder Formulare in der Lightbox zu laden. ACHTUNG - alle Inhalte werden relativ zum aktuellen Pfad gesehen - das gibt oft Probleme bei HTML-Seiten.
  6. Externe Links, oder Seiten die selbst Inhalte laden müssen mit dem Parameter "lightwindow_type=external" gekennzeichnet werden. Beipielsweise könnte eine eingebundene Seite mit folgendem Link in der Lightbox geöffnet werden:<a href="/faq?id=4" class="lightwindow page-options" params="lightwindow_type=external,lightwindow_width=730,lightwindow_height=570,lightwindow_show_images=2">Link zum Formular</a>

Unter http://stackoverflow.com/questions/9239930/how-to-validate-lightwindow/9239962#9239962 findet man eine Anleitung wie man die Lightbox auch noch w3c konform umbauen kann, da der params-Tag nicht offiziell zugelassen ist.