L'objectif est d'ajouter 2 positions en dessous de la position top
1- Editer le fichier main.php
Chemin : templates > ja_purity_ii > layouts > blocks > main.php
on va rajouter les lignes de code suivantes en dessous de content-top :
<div id="topmod">
<?php if( $this->countModules('topgauche') ): ?>
<div id="topgauche">
<jdoc:include type="modules" name="topgauche" style="JArounded" />
</div>
<?php endif; ?>
<?php if( $this->countModules('topdroite') ): ?>
<div id="topdroite">
<jdoc:include type="modules" name="topdroite" style="JArounded" />
</div>
<?php endif; ?>
</div>
Ici nous avons choisi le style JArounded pour avoir des coins arrondis et le masquage du corps de module. Mais on peut également choisir le style JAxhtml.
2- Editer le fichier template.css
Chemin : templates > ja_purity_ii > css > template.css
il faut rajouter les lignes de codes suivantes :
#topgauche {
float: left;
width: 49%;
}
#topdroite {
float: right;
width: 49%;
}
#topmod { height: 350px;}
On adaptera le height de #topmod en fonction de la hauteur des modules choisis.
3- Editer le fichier templateDetails.xml
Chemin : templates > ja_purity_ii > templateDetails.xml
il faut rajouter le code suivant :
<position>topgauche</position>
<position>topdroite</position>
4- Publication des modules
Il ne reste plus qu'à publier les modules désirés en position topgauche et topdroite.
5- Mise en oeuvre pour une vue "rounded"
Ici nous avons créé ces 2 positions pour la vue par défaut. Pour une vue "rounded" il faudrait éditer le fichier main-rounded.php.
