Design

Premium-Funktion.

Templates

Die Übersicht zeigt fünf fertige Designs mit Vorschaubild — unter anderem Minimalist, Corporate und Modern Dark. Ein Klick auf Anwenden übernimmt alle Werte in die Konfiguration.

Beim Anwenden werden die aktuellen Design-Einstellungen überschrieben. Das Plugin fragt vorher nach.

Konfigurieren

Konfigurieren öffnet den Editor mit Live-Vorschau — jede Änderung ist sofort sichtbar, ohne Speichern.

Verkaufskanal

Über die Auswahl oben bestimmen Sie, für welchen Kanal das Design gilt. Kanäle ohne eigenes Design erben von Alle Verkaufskanäle; beim Speichern wird daraus ein eigenständiges Design für diesen Kanal.

Layout

Feld	Bedeutung
Banner-Position	Zentriertes Modal, Leiste unten/oben, Ecke unten links/rechts, Vollbild-Overlay, Seitenleiste.
Border-Radius	Eckenrundung in Pixeln.
Max. Breite	Maximale Breite des Banners in Pixeln.
Innenabstand	Padding in Pixeln.
Schatten anzeigen	Schlagschatten ein oder aus.

Farben

Banner-Hintergrund, Textfarbe, Overlay-Farbe und -Deckkraft, Primär- und Sekundär-Button je in Hintergrund/Text/Hover, Toggle aktiv und inaktiv, Gruppen-Header sowie Link-Farbe.

Beachten Sie die TTDSG-Vorgabe aus der Plugin-Konfiguration: Ist Alle Buttons gleiche Farbe aktiv, werden Akzeptieren und Ablehnen gleichberechtigt dargestellt. Ein Design, das den Ablehnen-Button optisch versteckt, ist rechtlich angreifbar.

Typografie

Schriftgrößen für Titel, Fließtext und Buttons in Pixeln.

Logo

Ein Bild aus der Medienverwaltung, das im Banner-Header erscheint.

Eigenes CSS

Zusätzliches CSS oder SCSS für Feinheiten, die der Editor nicht abdeckt. Nutzen Sie die Klassen .prems-cookie-consent-*.

.prems-cookie-consent-modal {
    border: 2px solid #222;

    .prems-cookie-consent-btn {
        text-transform: uppercase;
    }
}

Das CSS wird beim Speichern kompiliert und validiert. Ist es fehlerhaft, wird es nicht gespeichert und der Fehler angezeigt — eine kaputte Theme-Kompilierung ist damit ausgeschlossen.

Wie das Design in die Storefront kommt

Das Design wird in das Theme-Stylesheet kompiliert, nicht als Inline-<style> auf jeder Seite ausgegeben. Nach dem Speichern stößt das Plugin die Theme-Kompilierung automatisch an. Die Meldung „Das Theme wird neu kompiliert“ bedeutet: Kurz warten und die Storefront neu laden.

Läuft die Kompilierung in Ihrer Umgebung über die Message Queue, muss der Consumer aktiv sein — sonst bleibt das alte Stylesheet stehen.

Ohne Premium

Der Editor ist gesperrt. Es gelten die Werte aus der Karte Banner-Basisdesign der Plugin-Konfiguration: Position, Overlay sowie die Farben der beiden Buttons.