<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>
<channel>
	<title>Frédéric MARTINEZ - Freelance MAGENTO &#187; agencement</title>
	<atom:link href="http://www.martinez-frederic.fr/tag/agencement/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.martinez-frederic.fr</link>
	<description>Freelance Magento Toulouse - Entrepreneur</description>
	<lastBuildDate>Wed, 01 Feb 2012 11:54:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>[Magento] Ajouter un agencement (template) de page</title>
		<link>http://www.martinez-frederic.fr/2012/01/05/ajouter-un-agencement-template-de-page/</link>
		<comments>http://www.martinez-frederic.fr/2012/01/05/ajouter-un-agencement-template-de-page/#comments</comments>
		<pubDate>Thu, 05 Jan 2012 10:14:33 +0000</pubDate>
		<dc:creator>Frédéric Martinez</dc:creator>
				<category><![CDATA[Magento]]></category>
		<category><![CDATA[agencement]]></category>
		<category><![CDATA[banniere]]></category>
		<category><![CDATA[gabarit]]></category>
		<category><![CDATA[template]]></category>
		<guid isPermaLink="false">http://martinez-frederic.fr/developpement/?p=135</guid>
		<description><![CDATA[Les templates de bases sous Magento sont assez restreint : Vide 1 colonne (1column.phtml) 2 colonnes &#8211; Sidebar à gauche (2columns-left.phtml) 2 colonnes &#8211; Sidebar à droite (2columns-right.phtml) 3 colonnes (3columns.phtml) Ces templates se trouvent dans : /app/design/frontend/{votre_interface}/{votre_theme}/template/page Problème : Si sur la page d&#8217;accueil (ou sur toutes les pages du site, peu importe), vous [...]]]></description>
			<content:encoded><![CDATA[<p>Les templates de bases sous Magento sont assez restreint :</p>
<ul>
<li>Vide</li>
<li>1 colonne (1column.phtml)</li>
<li>2 colonnes &#8211; Sidebar à gauche (2columns-left.phtml)</li>
<li>2 colonnes &#8211; Sidebar à droite (2columns-right.phtml)</li>
<li>3 colonnes (3columns.phtml)</li>
</ul>
<p>Ces templates se trouvent dans : /app/design/frontend/{votre_interface}/{votre_theme}/template/page</p>
<p><span style="text-decoration: underline;"><strong>Problème : </strong></span></p>
<p class="article-info">Si sur la page d&#8217;accueil (ou sur toutes les pages du site, peu importe), vous vouliez une structure à 3 colonnes avec une bannière qui soit sur la colonne de gauche et aussi sur le contenu du milieu ?</p>
<p><img class="size-full wp-image-763 alignnone" title="Homepage - Gabarit - Magento" src="http://www.martinez-frederic.fr/wp-content/uploads/2009/06/Homepage-Gabarit-Magento.jpg" alt="Homepage - Gabarit - Magento" width="533" height="226" /></p>
<p><span id="more-135"></span></p>
<p>1) Soit vous modifiez votre fichier 3columns.phtml. Toutes les pages en 3 colonnes seront comme ça</p>
<p>2) Soit vous créez un nouveau template.</p>
<p>Cependant, vous pouvez affecter votre template dans votre fichier xml sans problème, mais à partir d&#8217;une page CMS, il faut l&#8217;ajouter dans la liste déroulante &laquo;&nbsp;Agencement&nbsp;&raquo; de l&#8217;onglet &laquo;&nbsp;Design Personnalisé&nbsp;&raquo;</p>
<ol>
<li>Créez votre module permettant de déclarer ce fichier</li>
<li>Créez homepage.phtml (en se basant sur 3 columns) que vous mettez dans le dossier des templates</li>
</ol>
<h3>1 &#8211; Déclarer votre module</h3>
<pre class="brush: plain; title: ;">app/etc/modules/PH2M_AddGabarit.xml</pre>
<pre class="brush: xml; title: ;">&lt;?xml version=&quot;1.0&quot;?&gt;
&lt;config&gt;
	&lt;modules&gt;
		&lt;PH2M_AddGabarit&gt;
			&lt;active&gt;true&lt;/active&gt;
			&lt;codePool&gt;local&lt;/codePool&gt;
			&lt;depends&gt;
				&lt;Mage_Page /&gt;
			&lt;/depends&gt;
		&lt;/PH2M_AddGabarit&gt;
	&lt;/modules&gt;
&lt;/config&gt;</pre>
<h3>2 &#8211; Déclarer votre nouveau gabarit</h3>
<pre class="brush: plain; title: ;">app/code/local/PH2M/AddGabarit/etc/config.xml</pre>
<pre class="brush: xml; title: ;">&lt;?xml version=&quot;1.0&quot;?&gt;
&lt;config&gt;
	&lt;modules&gt;
		&lt;PH2M_AddGabarit&gt;
			&lt;version&gt;0.1.0&lt;/version&gt;
		&lt;/PH2M_AddGabarit&gt;
	&lt;/modules&gt;
	&lt;global&gt;
		&lt;page&gt;
			&lt;layouts&gt;
				&lt;homepage translate=&quot;label&quot;&gt;
					&lt;label&gt;Homepage&lt;/label&gt;
					&lt;template&gt;page/homepage.phtml&lt;/template&gt;
					&lt;layout_handle&gt;Homepage&lt;/layout_handle&gt;
				&lt;/homepage&gt;
			&lt;/layouts&gt;
		&lt;/page&gt;
	&lt;/global&gt;
&lt;/config&gt;</pre>
<h3>3 &#8211; Créer votre nouveau gabarit</h3>
<p>Dupliquer votre template 3 columns (par exemple) et modifier le.</p>
<p>Dupliquer :</p>
<pre class="brush: plain; title: ;">app/design/frontend/base/default/template/page/3columns.phtml</pre>
<p>En :</p>
<pre class="brush: plain; title: ;">app/design/frontend/[votre_interface]/[votre_theme]/template/page/homepage.phtml</pre>
<p><a class="download-item" href="http://www.martinez-frederic.fr/wp-content/uploads/2012/01/PH2M_AddGabarit.zip" target="_blank">Télécharger le module Magento<br />
pour ajouter un template de page</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.martinez-frederic.fr/2012/01/05/ajouter-un-agencement-template-de-page/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Modifier l&#8217;agencement des pages sous Magento</title>
		<link>http://www.martinez-frederic.fr/2009/06/23/modifier-lagencement-des-pages-sous-magento/</link>
		<comments>http://www.martinez-frederic.fr/2009/06/23/modifier-lagencement-des-pages-sous-magento/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 08:21:19 +0000</pubDate>
		<dc:creator>Frédéric Martinez</dc:creator>
				<category><![CDATA[Magento]]></category>
		<category><![CDATA[agencement]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[template]]></category>
		<guid isPermaLink="false">http://martinez-frederic.fr/developpement/?p=154</guid>
		<description><![CDATA[La modification du design d&#8217;un site sous Magento n&#8217;est pas aussi aisée qu&#8217;un CMS WordPress. Il y a des dossiers un peu partout, des fichiers XML, des templates, etc. On se propose ici de : Modifier la page d&#8217;accueil pour qu&#8217;elle est 3 colonnes Modifier l&#8217;affichage des catégories pour qu&#8217;il n&#8217;y ait que 2 colonnes [...]]]></description>
			<content:encoded><![CDATA[<p>La modification du design d&#8217;un site sous Magento n&#8217;est pas aussi aisée qu&#8217;un CMS WordPress. Il y a des dossiers un peu partout, des fichiers XML, des templates, etc.</p>
<p>On se propose ici de :</p>
<ol>
<li>Modifier la page d&#8217;accueil pour qu&#8217;elle est 3 colonnes</li>
<li>Modifier l&#8217;affichage des catégories pour qu&#8217;il n&#8217;y ait que 2 colonnes</li>
<li>Modifier l&#8217;affichage de n&#8217;importe quelle autre page</li>
</ol>
<p>Si vous voulez du détails, vous pouvez consulter le <a href="http://www.magentocommerce.com/wiki/groups/140/guide_du_designer_en_francais">guide du designer Magento en français</a>.</p>
<p><span id="more-154"></span>Etape 1 : Modifier la page d&#8217;accueil pour qu&#8217;elle est 3 colonnes</p>
<p>Voilà comment rajouter une sidebar à gauche sur la page d&#8217;accueil</p>
<ul>
<li>Admin &gt; CMS &gt; Gestion des pages &gt; Home &gt; Design Personnalisé &gt; Agencement</li>
<li>Choisissez &laquo;&nbsp;3 columns&nbsp;&raquo;</li>
</ul>
<h3>Etape 2 : Modifier l&#8217;affichage des catégories pour qu&#8217;il n&#8217;y est que 2 colonnes</h3>
<p>Note : Généralement, vous vous trouvez dans l&#8217;interface/theme : blank/defaut.</p>
<ul>
<li>Modifier le fichier : app/design/frontend/nom_interface/nom_theme/layout/catalog.xml</li>
<li>Faîtes une recherche sur <code><span style="color: #007700;">&lt;</span><span style="color: #0000bb;">catalog_category_layered</span><span style="color: #007700;">&gt;</span></code></li>
<li>Remplacez ce terme par :</li>
</ul>
<pre class="brush: xml; title: ;">&lt;catalog_category_layered&gt;
&lt;reference name=&quot;root&quot;&gt;
&lt;action method=&quot;setTemplate&quot;&gt;&lt;template&gt;page/2columns-right.phtml&lt;/template&gt;&lt;/action&gt;
&lt;/reference&gt;</pre>
<h3>Etape 2 : Modifier l&#8217;affichage de n&#8217;importe quelle autre page</h3>
<p>Les agencements de pages (template) sous Magento se présente ainsi : 1 colonnes, 2 colonnes (gauche et droite), et 3 colonnes.</p>
<p>Vous pouvez décider que tel page de Magento soit avec tel template dans les fichiers *.xml comme pour l&#8217;<em>ETAPE 2</em>.</p>
<p>Exemple pour la page produit, il faut aller chercher dans catalog.xml puis dans .</p>
<p>Si on veut qu&#8217;il soit en 3 colonnes, il faut rajouter :</p>
<pre class="brush: xml; title: ;">&lt;reference name=&quot;root&quot;&gt;
&lt;action method=&quot;setTemplate&quot;&gt;&lt;template&gt;page/3columns.phtml&lt;/template&gt;&lt;/action&gt;
&lt;/reference&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.martinez-frederic.fr/2009/06/23/modifier-lagencement-des-pages-sous-magento/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
