von Vinai Kopp, 14.10.2009

Eine Einführung in Magentos Layout-XML: Magento-Layouts im Griff

Aus dem
t3n Magazin Nr. 18

Jetzt kaufen

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.

Weitere Artikel zu Magento und Payment Anbieter



Empfohlene Produkte

Softlink 2492

Links und Literatur

Seite:  1 2 3 4

Empfohlene Artikel

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)