Dokumentation

Anpassen

Templates

Twig-Templates des Bundles (contao/templates/):

Template	Verwendung
`frontend_module/gratorder_shop.html.twig`	Bestellshop (alle vier Layouts)
`frontend_module/gratorder_checkout.html.twig`	Checkout
`frontend_module/gratorder_confirmation.html.twig`	Bestellbestätigung mit Livestatus
`backend/gratorder_terminal.html.twig`	Bestellterminal

Überschreiben wie üblich unter templates/ mit gleichem Pfad, oder als Variante (z. B. templates/frontend_module/gratorder_shop/eigenes.html.twig) und im Modul unter „Individuelles Template“ auswählen. Die data-*-Attribute werden vom JavaScript benötigt.

Farben und Layout

Layout, Primärfarbe, Schriftfarbe auf Primärfarbe und Ecken werden in der Konfiguration eingestellt; die beiden Farben gelten auch für das Terminal. Weitere CSS-Variablen lassen sich im eigenen Stylesheet auf .gratorder überschreiben, z. B.:

CSS

.gratorder {
    --gratorder-font: inherit;
    --gratorder-sticky-top: 5rem;
}

Verfügbar u. a.: --gratorder-background, --gratorder-surface, --gratorder-text, --gratorder-muted, --gratorder-border, --gratorder-error, --gratorder-gap, --gratorder-shadow, --gratorder-font, --gratorder-sticky-top (Abstand für fixierte Kopfzeilen).