CSS und JavaScript einbinden

Um innerhalb bestimmter Seiten auf CSS- oder JavaScript-Dateien aus dem Skin-Verzeichnis „skin/frontend/default/THEME/“ zu verlinken, verwendet man folgenden XML-Code:

CSS und JavaScript einbinden

<layout version="0.1.0">
	<!-- Layout Update Handle für One Page Checkout -->
	<checkout_onepage_index>
		<reference name="head">
			<action method="addItem">
				<type>skin_css</type><name>css/extra.css</name>
				<params/><if>lt IE 7</if>
			</action>
			<action method="addItem">
				<type>skin_js</type><name>js/spezial.js</name>
				<params/><if/>
			</action>
		</reference>
	</checkout_onepage_index>
</layout>

Listing 15

Ändern des Block-Typs

Das Ändern des Blocktyps ist in der Regel nur für das Programmieren von Magento-Modulen interessant. Einen Blocktyp zu ändern, kann den gleichen Effekt haben, wie die Blockklasse in einer config.xml mittels <rewrite> zu überschreiben. Das kann praktisch sein, um eine einfache Mehrfachvererbung zu implementieren, wenn ein fremdes Modul bereits die Klasse vererbt, auf die man selbst zugreifen möchte. Um den Blocktypen zu ändern, entfernt man zuerst das betreffende Element, um es dann mit dem eigenen Typ wieder einzufügen:

Blocktyp ändern

<layout version="0.1.0">
	<default>
		<reference name="top.menu">
			<action method="unsetChild"><name>cart_sidebar</name></action>
			<block type="meinModul/catalog_navigation" name="catalog.topnav" template="catalog/navigation/top.phtml"/>
		</reference>
	</default>
</layout>

Listing 16

Fazit

Um das Magento-Templatesystem vollständig zu nutzen, ist ein grundlegendes Verständnis von Layout-Updates unverzichtbar. Wenn man sie erstmal beherrscht, eröffnen sie einem viele interessante Möglichkeiten. Anpassungen, die ohne das Wissen kompliziert und schwierig wären, lassen sich so schnell und elegant vornehmen.

Seite:  1 2 3 4

Weitere Artikel zu Magento

Softlink 2492

Links und Literatur

Das interessiert dich bestimmt auch

4 Antworten

  1. von Tutorial: Einführung in Magentos Layout… 08.03.2010 (09:01Uhr) 1.

    [...] 18 vermittelt das Grundwissen, um Layout-Updates in eigenen Magento-Projekten umsetzen zu können. Er steht jetzt kostenlos im Heftarchiv zur Verfügung. Zudem kann man t3n Nr. 18 versandkostenfrei in unserem Shop bestellen.Ads_BA_AD('CAD2'); magento [...]

  2. von mathiasschopmans 09.03.2010 (16:16Uhr) 2.

    Super! Endlich mal ein guter Einstieg. ;)

  3. von Till Heß 09.03.2010 (20:33Uhr) 3.

    Super Artikel! Hätte es den doch gegeben als ich das erste mal die xml Datein von Magento angepasst habe ;-)

  4. von TB 10.05.2010 (09:41Uhr) 4.

    Das beste Tutorial das ich bis jetzt im Netz gefunden habe *daumen hoch*

Deine Meinung


(wird nicht veröffentlicht)