Map with contact information left, 16:9
Eine 16:9-Karte auf der linken Seite mit Kontaktinformationen auf der rechten Seite.
Item-ID: 06-003
Beispielansicht Anleitung Verhalten Google API Key
Beispielansicht
DFAU GmbH
Graf-Pückler-Limpurg-Str. 87
90768 Fürth
Tel:
+49 911 23980-870
E-Mail:
info@dfau.de
Anleitung
Neues Element anlegen
- Klicken Sie auf den Button Inhalt, um ein Kartenelement zu erstellen.
Karten-Element wählen
- Im Reiter Map Elements wählen Sie Map with contact information left, 16:9.
Kontaktdaten wählen
- Im Reiter Choose Business-Contact wählen Sie aus der Dropdownliste die gewünschten Kontaktdaten, die Sie im Vorfeld über das übergeordnete toujou-Menü Contact Information angelegt haben.
Besonderheit im medatsu-Theme
Das medatsu-Theme bietet Ihnen Optionen zur individuellen Website-Gestaltung im toujou-Backend. Passen Sie das Design des einzelnen Elements nach Ihren Wünschen an und ändern Sie je nach Element die Hintergrundfarbe und die Hintergrundfarbe der Headline oder Pfeile.
- Mit Klick auf das Element Design erhalten Sie im Dropdown-Menü die Wahl für eine individuelle Designfarbe, die sich auf die Hintergrund- und Headlinehintergrundfarbe auswirkt.
- Als Möglichkeiten stehen default, primary, secondary sowie inverted zur Verfügung. Die Optionen orientieren sich an den im toujou settings definierten Farben.
Verhalten
Eine 16:9-Karte auf der linken Seite mit Kontaktinformationen auf der rechten Seite gibt die von Ihnen gewählten Kontaktdaten neben einer Google-Map mit festem Seitenverhältnis im Format 16:9 wieder.
Responsive: Ist nicht ausreichend Platz zur Darstellung nebeneinander vorhanden, zeigen alle Karten die zuvor nebenstehenden Kontaktdaten unter der Karte an. Unabhängig von der ursprünglichen Ausrichtung wird dadurch die Darstellung einheitlicher Karten auf kleinen Endgeräten gewährleistet.
Besonderheiten:
- Die Kontaktdaten, die innerhalb dieses Elements zur Auswahl stehen, werden vorab durch die von Ihnen vorgenommenen Grundeinstellungen im übergeordneten toujou-Menüpunkt Contact Information bestimmt. Die Textfläche ist dadurch nicht editierbar.
- Für die korrekte Darstellung einer Adresse benötigen Sie einen Google API Key der Google Cloud Platform. Erläuterungen dazu finden Sie hier.
Verknüpfte Themen
Erläuterungen aus dem toujou- & TYPO3-Setup, die mit dieser Elementanleitung in Verbindung stehen.