Zum Inhalt

Modals

Überblick

Mit Modals verwaltest du Dialog‑Fenster zentral im Backend und kannst sie im Frontend per Klick oder automatisch anzeigen lassen.

Modals im Backend anlegen

  1. Backend → Modals → Neu hinzufügen
  2. Inhalt im Editor pflegen
  3. Unter Modal die Einstellungen setzen:
  4. Headline
  5. Modal Größe (sm, md, lg, xl)
  6. Modal Position (top, centered)
  7. Schließen‑Button ein/aus
  8. Inhalt laden: Vorladen (on‑load) oder per Ajax (by‑ajax)
  9. Optional im Footer Buttons oder eigenes HTML hinzufügen

Verhalten

  • Modals mit Vorladen werden beim Seitenaufruf in den Footer geschrieben.
  • Ajax‑Modals werden erst geladen, wenn sie geöffnet werden.

Anwendung im Frontend

Modals können beim Laden der Seite vorgerendert oder per Ajax geladen und dann geöffnet werden.

Entwicklertipps

  • Post Type: modal
  • Ausgabe/Loading erfolgt über einen Ajax‑Endpoint (twtheme_modal)

Twtheme Hooks & Filter

Hook/Filter Typ Parameter Zweck
twtheme_modal_fields Filter ($fields) Felder im Modal‑CPT erweitern.