Design & Texte anpassen
Auf dieser Seite
Design anpassen
Sämtliche Farben, Rundungen und Transparenzen passen Sie direkt im Einstellungsmenü an Ihre Corporate Identity an. Eine sofort einsatzbereite Voreinstellung ist bereits enthalten – Sie müssen nur ändern, was Sie ändern möchten.
Overlay (dunkler Hintergrund hinter dem Popup)
- [Design: Overlay] Farbe – Hex-Farbwert, z. B. #0f172a
- [Design: Overlay] Transparenz (0-100) – je höher, desto blickdichter
- [Design: Overlay] Backdrop Blur (px) – weicher Unschärfeeffekt hinter dem Popup
Popup-Box
- [Design: Popup] Hintergrundfarbe
- [Design: Popup] Hintergrund-Transparenz (0-100)
- [Design: Popup] Textfarbe (Titel & Text)
- [Design: Popup] Border-Radius (px) – Eckenrundung der Box
- [Design: Popup] Rahmenbreite (px) und Rahmenfarbe
Buttons „Ja“ und „Nein“
- [Design: Button Ja] Hintergrundfarbe und Textfarbe
- [Design: Button Nein] Hintergrundfarbe und Textfarbe – für einen dezenten Look können Sie als Hintergrund auch transparent eintragen
- [Design: Buttons] Border-Radius (px) – gemeinsame Eckenrundung beider Buttons
Einstellungen (Design)
| Einstellung | Standard | Beschreibung |
|---|---|---|
| [Design: Overlay] Farbe | #0f172a | Farbe des abgedunkelten Hintergrunds hinter dem Popup (Hex-Wert). |
| [Design: Overlay] Transparenz (0-100) | 85 | Deckkraft des Overlays in Prozent; je höher, desto blickdichter. |
| [Design: Overlay] Backdrop Blur (px) | 12 | Stärke des Weichzeichner-Effekts hinter dem Popup in Pixel. |
| [Design: Popup] Hintergrundfarbe | #ffffff | Hintergrundfarbe der Popup-Box. |
| [Design: Popup] Hintergrund-Transparenz (0-100) | 100 | Deckkraft der Popup-Box in Prozent. |
| [Design: Popup] Textfarbe (Titel & Text) | #1e293b | Farbe von Überschrift und Beschreibungstext im Popup. |
| [Design: Popup] Border-Radius (px) | 24 | Eckenrundung der Popup-Box in Pixel. |
| [Design: Popup] Rahmenbreite (px) | 1 | Breite des Rahmens um die Popup-Box in Pixel. |
| [Design: Popup] Rahmenfarbe | #f1f5f9 | Farbe des Rahmens um die Popup-Box. |
| [Design: Button Ja] Hintergrundfarbe | #e11d48 | Hintergrundfarbe des Bestätigungs-Buttons. |
| [Design: Button Ja] Textfarbe | #ffffff | Textfarbe des Bestätigungs-Buttons. |
| [Design: Button Nein] Hintergrundfarbe | transparent | Hintergrundfarbe des Ablehnungs-Buttons; für einen dezenten Look kann auch transparent eingetragen werden. |
| [Design: Button Nein] Textfarbe | #64748b | Textfarbe des Ablehnungs-Buttons. |
| [Design: Buttons] Border-Radius (px) | 12 | Gemeinsame Eckenrundung beider Buttons in Pixel. |
Texte anpassen (Mehrsprachigkeit)
Alle sichtbaren Texte des Popups sind über das JTL-eigene Sprachsystem pflegbar. Sie finden sie unter Plugins → SALEPIX Altersabfrage → Sprachvariablen:
popup_title – Überschrift des Popups (z. B. „Altersabfrage“)
popup_text – Beschreibungstext im Popup (z. B. „Sind Sie bereits 18 Jahre alt? …“)
button_yes – Beschriftung des Bestätigungs-Buttons
button_no – Beschriftung des Ablehnungs-Buttons
js_disabled_notice – Hinweistext, falls JavaScript im Browser deaktiviert ist
Deutsch und Englisch sind vorkonfiguriert. Weitere Sprachen pflegen Sie über die Standard-Sprachverwaltung Ihres Shops – ein Anpassen von Templates ist nicht erforderlich.
Frage nicht beantwortet?
Unser Support hilft Ihnen gerne weiter – bitte nennen Sie Plugin- bzw. Template-Version und Ihre JTL-Shop-Version.