toujou
+49 911 23980-870

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

Um externe Karten-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung.

Weitere Informationen finden Sie in unserer Datenschutzerklärung.

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 Inhaltum 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.

Kontakt