Magento ajouter un template agencement : gestion de la home page 1/2
octobre 31, 2009 13 Commentaires
Magento après l’installation possède quatre template d’agencement accessibles dans le back-office au travers du champ design personnalisé (1column.phtml , 2columns-left.phtml 2columns-right.phtml, 3columns.phtml). Il est parfois nécessaire d’un rajouter un pour par exemple un design personnalisé de la page d’accueil. Dans ce premier tutoriel consacré a la homepage, nous allons voir comment ajouter un template de gabarit dans le but de personnaliser la page d’accueil. Dans un 2e tutoriel nous verrons comment designer la page d’accueil à partir de ce nouveau template.
Ajout d’un template d’agencement déclaration du module
Il faut pour cela rajouter un petit module comprenant notre nouveau template d’agencement. Ajouter la déclaration du module dans le dossier :
app\etc\modules
Rajoutez dans se dossier un fichier « Mesmodules_Homegabarit » contenant ce code, qui déclare le nouveau module.
<?xml version="1.0"?> <config> <modules> <Mesmodules_Homegabarit> <active>true</active> <codePool>local</codePool> </Mesmodules_Homegabarit> </modules> </config>
Ce code et assez explicite on déclare le nouveau module a magento, le nom du module, s’il est actif ou pas, ainsi que le dossier où l’on va ranger les dossiers du module, ici local ce qui correspond au dossier :
app\code\local
Ajouter les dossiers nécessaires dans le dossier local
Dans le dossier local s’il ne le contient pas déjà ajouter un dossier Mage. Dans ce dossier Mage ajouter un dossier ect ce qui donne :
app\code\local\Mesmodules\Homegabarit\etc
Ajouter un fichier config.xml dans le dossier etc => app\code\local\Mesmodules\Homegabarit\etc\config.xml
<config> <global> <cms> <layouts> <new_template1> <label>Homepage</label> <template>page/agencement_home.phtml</template> <layout_handle>page_homepage</layout_handle> </new_template1> </layouts> </cms> </global> </config>
Ce code déclare le nom du template d’agencement et le chemin vers celui ci. Il s’appelle Agencement Homepage et il est rangé dans le même dossier que vos autres template d’agencement => app\design\frontend\default\default\template\page
Ajouter le fichier d’agencement
Pour que magento trouve le fichier d’agencement il fut le rajouter dans votre thème :
app\design\frontend\default\default\template\page\agencement_home.phtml
Pour le rajouter rapidement dupliquez le fichier 3colums.phtml et renommez le « agencement_home.phtml ».
Videz le cache de magento supprimer le contenu du dossier cache situé dans var/cache/
Il est à présent actif est disponible dans le back-office au travers de l’onglet design personnalisé => Gabarit de page (Dans CMS gestion des page , ou catalogue catégorie design personnalisé).
Le template d'agencement est disponible dans le back office de magento
Vous pouver rajouter du css ou autre pour modifier le design de la homepage comme cette super promotion rajouter dans une div sous la div contenant la classe « middle-container »
<div class="middle-container"> <div class="superpromo"> ... </div>
voici le résultat de la super promo en image :
Ajout de code CSS spécifique à la homepage
A vous de modifier le design de homepage à votre convenance. Dans le prochain tutoriel consacré à la page d’accueil nous verrons comment modifier complètement la page d’accueil.
/app/code/core/Mage/Page/etc/config.xml
salut
Il manque une partie de ton code.j’ai fais une erreur dans le chemin du template ? Envois moi le code par mail sinon il faut que tu entoures ton code de
Si j’en crois la fin de ton message tu fais fausses route ilne faut pas modifier le core de magento. c’est pour ça que j’ai crée un module magento pour gérer le template. Ainsi pas besoin de toucher au noyaux de magento. Ainsi les mises à jours se feront sans problème
Salut, merci beaucoup pour ce tuto très bien construit, j’ai cependant besoin d’une petit précision, j’ai créer une page d’accueil et j’aimerai y rajouter le bloc de la newsletter, mais je ne sais pas comment faire… une idée ?
Salut,
J’ai fait un tutoriel sur l’ajout de la newsletter dans le footer, c’est le même principe pour la page d’accueil de magento. Il suffit de préciser ou tu veux ajouter la newsletter , pour toi dans la partie contenu.
http://bloggento.fr/footer-magento-/2796
arf je n’avais pas vu ce tuto, c exactement ce que je voulais ! merci !
IL faut remplacer default par base dans le chemin du template
merci encore pour le tuto
Et où est la deuxième partie du tuto ????
Dans un 2e tutoriel nous verrons comment designer la page d’accueil à partir de ce nouveau template.
ouai, ou est -t-elle cette deuxième partie?
bonjour j’ai suivis cette démarche pour ajouter un template d’agencement pour ma page catalogue mais la page 2 de ce catalogue se charge mais ne s’ouvre pas et la classification par nom ou prix non plus.
Pour ce type de template le code a inseré dans le config.xml est-il le meme ? la balise m’interpel.
si oui a tu une idée d’ou peut venir mon probleme ? merci.
Bonjour,
La démarche est la même
Dans catalog.xml il faut rajouter
setTemplate….agencement_home.phtml
Ou via le back office ( via le back office cela pose problème sur certaines versions de magento)
désolé mais j’ai énormement de mal avec les layouts a quel endroit dans le catalog.xml il faut rajouter le setTemplate ? et peux tu me donné la ligne complete ?
Tu trouvera des infos sur le tutoriel layout
http://bloggento.fr/les-layout-/1084
ou
A mettre dans le noeud xml des catégories
j’ai fait la modification mais mon probleme persiste…
je suis un peut perdu la