Quartier und Forma: Bistro- und Café-Themes einrichten

Unter Website → Themes stehen Quartier – Boulangerie & Bistro und Forma – Modern Coffee bereit. „Beispiel-Website ansehen“ öffnet die Demo vor der Installation. „Alle Funktionen“ zeigt die Sections, Formulare und ausdrücklich gekennzeichnete Widget-Simulationen. Die Demo verarbeitet keine echten Restaurantdaten und versendet keine E-Mails.

Farben und Schriften ändern Sie in den Theme-Einstellungen. Leere Farbfelder eines Abschnitts erben die globalen Farben; befüllte Felder überschreiben sie nur dort. Breite, Ausrichtung, Innenabstände und Außenabstände sind pro Abschnitt einstellbar. Null bedeutet tatsächlich keinen Abstand.

Header und Footer beziehen Navigationen aus Website → Menüs. Ohne Auswahl nutzt der Header main-menu, ein Footer-Navigationsblock footer-menu. Eigene Auswahlen und verschachtelte Untermenüs werden berücksichtigt. Logo-Position, Navigationslayout, Footer-Spalten und Sticky-Header lassen sich unabhängig bearbeiten.

Jedes Medienfeld unterstützt Bild oder Video aus der Mediathek sowie ein optionales Video-Poster. Hinzu kommen Format, Fokuspunkt, Einpassung und stummes Autoplay. Videos werden erst im sichtbaren Bereich automatisch abgespielt. Die Systemeinstellung für reduzierte Bewegung und „Bewegung pausieren“ stoppen automatische Bewegung.

Die 19 JSON-Vorlagen erzeugen keine Seiten-Datensätze. Legen Sie die gewünschten Seiten an, weisen Sie ihnen das passende Layout zu und hängen Sie sie an Ihre Navigationsmenüs. Insbesondere die Beispielziele /menu, /locations, /reservation und /contact müssen zu Ihren angelegten Seiten passen. Die Vorlage page zeigt Inhalte der TacticTable-Seite, beispielsweise Impressum und Datenschutz.

Produktblöcke können mit Produkten aus der Warenwirtschaft verknüpft werden. Dann stammen Titel, Beschreibung, Preis und Ernährungshinweise aus den Produktdaten. Für Shop, Kaffeeabo oder Treueprogramm hinterlegen Sie den Ziel-Link Ihres Anbieters. Das Theme implementiert keinen zusätzlichen Warenkorb oder Zahlungsdienst.

Newsletter-Anmeldungen verwenden den bestehenden Double-Opt-in-Ablauf. Die allgemeine Kontakt-Section bereitet nach Validierung einen E-Mail-Entwurf vor; der Gast sendet ihn in seinem E-Mail-Programm. Reservierungen und Gutscheine verwenden die zentralen TacticTable-Widgets nach deren Einrichtung und Aktivierung. Die separate Demo-Simulation führt keinen Kauf und keine Buchung aus.

Beispieltexte, Bilder, Preise, Standorte und Zitate müssen vor Veröffentlichung durch die eigenen Inhalte ersetzt werden. Unsplash-Fotos und der MDN-CC0-Beispielfilm sind externe Beispielmedien. Für produktive Websites eigene Dateien in die Mediathek hochladen.

Für Entwickler liegen gemeinsame Quellen unter theme-templates/hospitality-shared. node scripts/build-hospitality-themes.mjs synchronisiert die eigenständigen Pakete bistro und cafe und bündelt die Formularvalidierung. Konfiguration und Seitenkompositionen bleiben pro Theme getrennt. Die Tests prüfen Import, sämtliche Seitenlayouts, Menüs, Medienwechsel und die gemeinsame Quellenbasis.