Ainschy: /* Module Template auswählen */

2015-04-01T15:07:09Z

‎Module Template auswählen

Ainschy: Die Seite wurde neu angelegt: „'''Ausgaben von Modulen/Inhaltselementen anhand der Erweiterung: mobiledetection steuern''' == mobiledetection installieren == Bugbuster aka Glen Langer hat a…“

2015-04-01T15:05:05Z

Die Seite wurde neu angelegt: „'''Ausgaben von Modulen/Inhaltselementen anhand der Erweiterung: mobiledetection steuern''' == mobiledetection installieren == Bugbuster aka Glen Langer hat a…“

Neue Seite

'''Ausgaben von Modulen/Inhaltselementen anhand der Erweiterung: mobiledetection steuern'''
== mobiledetection installieren ==

Bugbuster aka Glen Langer hat auf GitHub die Erweiterung [https://github.com/BugBuster1701/mobiledetection mobiledetection] für Contao entwickelt.
Hiermit werden dem <body> Tag die Klassen phone, tablet oder computer hinzugefügt, per CSS kann anschließend darauf reagieren.

Möchte man jedoch einzelne Elemente oder Module auf einem Smartphone erst gar nicht laden, oder wie im meinem Fall nur auf dem Computer ausgeben, Stichwort Hintergrund-Video so brauchen wir eine Anpassung auf Template Ebene.

Die oben genannte Erweiterung von BugBuster bietet hierzu zwei Funktionen an.

== Das Template mod_html anpassen ==
In unserem Beispiel wird die mod_html angepasst und für die spätere Anwendung unter einem anderen Namen gespeichert. Legt im Backend unter Layout->Templates ein Kopie des ''mod_html.html5'' Templates an. Benennt diese z.B. in ''mod_html_computer_only'' um, und ändert den Programmcode wie folgt.
<source><?php
use Detection\MobileDetect;
$detect = new MobileDetect();
if (!$detect->isMobile() && !$detect->isTablet()) :
echo $this->html;
endif;
?></source>
Als erstes wird das Module aufgerufen und eine neue Instanz erzeugt. Anschließend wird über eine Abfrage geprüft ob das Endgerät der Kategorie Mobile oder Tablet gehört, trifft dies beides nicht zu, muss es ein computer sein und die Ausgabe erfolgt.

== Module Template auswählen ==
Legt ein neues Module vom Typ HTML an und wählt als Individuelles Template unser zuvor angelegtes mod_html_computer_only aus. Der Inhalt des HTML Modules wird nun nur noch auf den computer Device ausgegeben.
Die Angabe eines Individuellen Templates wurde in Contao 3.3 eingeführt und steht der Module-Konfiguration und den Inhaltselementen zur Verfügung. Zuvor war dieses nur über eine Erweiterung [https://contao.org/en/extension-list/view/template_override.10010049.en.html template_override] ab Contao 2.11 möglich.

Ich hoffe die Anleitung ist für euch hilfreich.
Viele Grüße Ainschy aka Oliver Willmes

← Nächstältere Version		Version vom 1. April 2015, 15:07 Uhr
Zeile 25:		Zeile 25:

	Ich hoffe die Anleitung ist für euch hilfreich.		Ich hoffe die Anleitung ist für euch hilfreich.
−	Viele Grüße ~~Ainschy aka~~ Oliver Willmes	+
		+	Viele Grüße Oliver Willmes aka [[Benutzer:Ainschy\|Ainschy]] ([[Benutzer Diskussion:Ainschy\|Diskussion]]) 17:07, 1. Apr. 2015 (CEST)

Device-Detection - Versionsgeschichte

Ainschy: /* Module Template auswählen */

Ainschy: Die Seite wurde neu angelegt: „'''Ausgaben von Modulen/Inhaltselementen anhand der Erweiterung: mobiledetection steuern''' == mobiledetection installieren == Bugbuster aka Glen Langer hat a…“