Support
HelpHelp Center
  1. Dokumentation
  2. Erweiterungen
  3. Touch

    Bakehouse-Touch

    Das Bakehouse Touch-Modul erweitert das Bakehouse um eine Web-App, die spezifisch für die Ausgabe auf Touchgeräten optimiert ist. Anwendungsfälle für das Touch-Modul sind beispielsweise digitale Speisekarten, Info-Screens, Bildergalerien und digitale Gästemappen. 

    Die Wartung ist, wie im Bakehouse üblich, einfach über das Front-End möglich. Während ein großes Set an vorgefertigten Elementen mitgeliefert wird, können mit speziell entwickelten Elementen auch individuelle Lösungen angefertigt werden.

    Folgende Elemente werden mitgeliefert, um die Erstintegration des Moduls zu erleichtern:

    • Text
    • Spalter*
    • Bild
    • Tabs
    • Trenner*
    • Video
    • Accordion
    • Scrollbox (ermöglicht scrollbare Inhalts-Seiten)
    • TouchGallery (Bilder-Galerie mit Touch Funktion)
    • Mediathek (Video-Galerie)
    • Memory
    • Menucard* (Speisekarten Element)
    • PDF-Viewer
    • Tabellen*

    Die mit * gekennzeichneten Elemente können vollumgänglich angepasst werden. Sie liegen nicht im Bakehouse Core und werden beim Installieren im fileadmin abgelegt. Alle anderen Elemente kommen vom Core und können somit vor allem nur optisch mit CSS angepasst werden.

    Wird ein zusätzliches Element gewünscht, kann dieses über das TypoScript eingebunden werden. Die ausgelagerten oder speziell entwickelten Elemente sollten dabei im fileadmin Ordner unter templates/ext/bh_touch/ abgelegt werden. Damit kann gewährleistet werden, dass das Touch-Projekt auf langer Sicht eigenständig und stabil läuft und nicht von anderen Einflüssen, wie z. B. der Webseite, beeinflusst wird.

    Genauere Informationen zum den Core-Element inkl. dem aktuellen Code findest du in unserer Content-Element-Bibliothek:

    Content-Element-Bibliothek

    Erste Schritte

    Touch-Projekte sollen unter einer eigenen Subdomain laufen. Daher bitte zunächst den DNS Verwalter kontaktieren und einen A-Record für eine Subdomain (touch.*.*) anzulegen, die auf die richtige IP-Adresse zeigt (dort, wo das Bakehouse mitsamt dem Touch-Modul installiert ist).

    Anschließend kann im TYPO3 Back-End eingestellt werden, dass sich das Touch-Modul öffnet, wenn die Domain aufgerufen wird. Dazu muss im TYPO3 Back-End auf die Unterseite "Sites" gewechselt und dort der richtige Domainname eintragen werden.

    Zuletzt muss in der Datei /config/sites/bh_touch/config.yaml der Eintrag baseURL entsprechend angepasst werden. 

    In der .htaccess-Datei sollten letztendlich die Redirects für Subdomains kontrolliert und gegebenenfalls angepasst bzw. erweitert werden. Siehe folgendes Beispiel mit einer "www" & "touch" Subdomain:

    Apache Config
    RewriteCond %{HTTP_HOST} !^www\. [NC] RewriteCond %{HTTP_HOST} !^touch\. RewriteRule ^(.*)$ https://www.%{HTTP_HOST}/$1 [R=301,L] RewriteCond %{SERVER_PORT} 80 RewriteCond %{HTTP_HOST} !^www\. RewriteCond %{HTTP_HOST} !^touch\. RewriteRule ^(.*)$ https://www.%{HTTP_HOST}/$1 [R=301,L] RewriteCond %{SERVER_PORT} 80 RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]

    Erstellung und Anpassung

    Im fileadmin/templates/ext/bh_touch/ sind bereits Touch-Elemente und alle notwendigen CSS-Dateien vorinstalliert. In der Datei css/touch.css kann das Grund-Layout optisch angepasst werden. Neue Elemente können im Elemente Ordner abgelegt und im TypoScript der Seite "Touch" inkludiert werden.

    Befüllung

    Die Befüllung erfolgt wie vom Bakehouse Interface bereits bekannt.

    Seiten können im Seitenbaum angelegt werden. Die verfügbaren Elemente werden links im Panel aufgelistet und können per docucrosshair Drag & Drop eingefügt und über die Settings-Formulare angepasst werden. Das Bild im Seitenhintergrund kann in den Seiteneigenschaften befüllt werden.

    Das Bakehouse Touch-Modul wird unabhängig von der Webseite geführt. Elemente, die in der Webseite verfügbar sind, sind nicht automatisch im Touch-Modul verfügbar und umgekehrt. Auf Datensätze kann zugegriffen werden, es bedarf aber der Vorbereitung durch einen/r technischen Integrator:in.