Eigene Inhalte in Lightbox (Avada Theme 3.2 und 3.1.1)

Hier habe ich einen Tipp um andere Inhalte als Bilder in einer Lightbox mit Hilfe des integrierten Shortcodes zu benutzen.

Problem

In der Standardeinstellung und der Dokumentation des Avada Themes wird nur beschrieben wie ein Bild in einer Lightbox verwendet werden kann. Andere Inhalte wie z. B. Text oder Text und Bild werden nicht erwähnt.

Lösung


Durch die Benutzung eine Links auf einen Anker (#Anker) und der Benutzung eines versteckten „div“ mit der gleichen id wie der Anker-Name wird die Lightbox mit eigenem Text oder Text und Bilder genutzt.

Code der Dokumentation:


  lightbox title

Erweiterter Code:


  Demo der Lightbox

Beispiel


>> Demo der Lightbox

Einschränkungen


In der Lightbox lassen sich nur beschränkt Tags und Shortcodes nutzen, da ansonsten das Layout zerschossen wird. Falls diese genutzt werden müssen ist eine andere Lightbox Version als Plugin sinnvoll. Ansonsten kann man diese integrierte für kleinere Sachen nehmen.

Falls jemand weiss wie man die Inhalte besser formatieren kann, schreibt das bitte in einen Kommentar.

Wichtiger Hinweis:

  • Die Erweiterung bzw. Nutzung der eingebauten, aber nicht dokumentierten Version, sollte zu keinem Problem führen
  • Bei einem Update des Themes kann sich das Verhalten ändern, dies sollte immer getestet werden.