TemplaVoila! Vorschau Informationen der Datenstruktur deaktivieren

Ihr nutzt die TYPO3 Extension TemplaVoila! und möchtet gerne in eurer Vorschau der Seite diese lästigen, Layout zerstörenden mouseOver-Informationen ausblenden?

Eine kleine Änderung im TypoScript Template sowie eine weitere Änderung an der Extension selber machen es möglich.

An die Arbeit!

Als erstes deaktivieren wir das erste Info-Feld von TemplaVoila! mittels einer einfachen TypoScript Anweisung (disableExplosivePreview), welche wie folgt in unser bestehendes, TypoScript Template eingefügt wird (die ersten beiden Zeilen sollten schon vorhanden sein):

page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
page.10.disableExplosivePreview = 1

Nun haben wir schon den ersten Info-Block ausgeblendet.

Folgend machen wir eine Änderung in der Extension selber – um genau zu sein in der „class.tx_templavoila_pi1.php“. Zu finden ist diese Datei unter: typo3conf/ext/templavoila/pi1/.

Die Änderung die wir nun durchführen bezieht sich auf TemplaVoila! Version 1.4.2 und dient dazu diese lästigen Informationen zur Datenstruktur auch für FCEs (Flexible-Content-Elements) auszublenden.

Ihr solltet – wie immer – vorher ein Backup dieser Datei erstellen.

Hier kommt die letzte, notwendige Änderung. In der oben genannten Datei, zwischen Zeile 807 und 824, befindet sich der folgende PHP-Code:

// Compile information:
$id = 'templavoila-preview-'.t3lib_div::shortMD5(microtime());
$content = '<div style="text-align: left; position: absolute; display:none; filter: alpha(Opacity=90);" id="'.$id.'">
			'.$infoArray.'
		</div>
		<div id="'.$id.'-wrapper" style=""
			onmouseover="
				document.getElementById(\''.$id.'\').style.display=\'block\';
				document.getElementById(\''.$id.'-wrapper\').attributes.getNamedItem(\'style\').nodeValue = \'border: 2px dashed #333366;\';
					"
			onmouseout="
				document.getElementById(\''.$id.'\').style.display=\'none\';
				document.getElementById(\''.$id.'-wrapper\').attributes.getNamedItem(\'style\').nodeValue = \'\';
					">'.
			$content.
		'</div>';
 
return $content	;

An dieser Stelle werden die Informatione-Blöcke generiert und mit in die Vorschau eingebunden. Die einzige Änderung besteht darin, diese Info-Boxen einfach durch ein Kommentar zu ersetzen. Und zwar so:

// Compile information:
$id = 'templavoila-preview-'.t3lib_div::shortMD5(microtime());
/*$content = '<div style="text-align: left; position: absolute; display:none; filter: alpha(Opacity=90);" id="'.$id.'">
			'.$infoArray.'
		</div>
		<div id="'.$id.'-wrapper" style=""
			onmouseover="
				document.getElementById(\''.$id.'\').style.display=\'block\';
				document.getElementById(\''.$id.'-wrapper\').attributes.getNamedItem(\'style\').nodeValue = \'border: 2px dashed #333366;\';
					"
			onmouseout="
				document.getElementById(\''.$id.'\').style.display=\'none\';
				document.getElementById(\''.$id.'-wrapper\').attributes.getNamedItem(\'style\').nodeValue = \'\';
					">'.
			$content.
		'</div>';*/
 
return $content	;

Schaut ihr euch nun das Ergebnis in einer Vorschau an, werdet ihr bemerken, dass alle Informationen von TemplaVoila! erfolgreich entfernt und ausgeblendet wurden.

Keine mouseOver-Boxen mehr, die beim Basteln der noch nicht öffentlichen Seite stören.

Diese letzte Änderung in der Extension selber ist natürlich nicht updatefähig. Das heißt, wenn ihr ein Update von TemplaVoila! durchführt werdet ihr diese Blöcke wieder sehen.

Dank & Grüße!