Aligner 2 modules

[eric02]

Dans le fonctionnement de base de OC lorsque l'on insère un module dans la colonne centrale, il occupe toute la largeur. Si l'on insère 2 modules, ils se placent dans l'ordre choisi l'un au dessus de l'autre.
Ce qui augmente la longueur de la page pour donner les infos.
j'ai donc entrepris de mettre deux modules sur la meme ligne, en réduisant bien sur "la limite" d'affichage de ces deux modules (variable en fonction de la largeur disponible.
J'ai réalisé ceci pour la partie "basse de la page", soit sur le fichier : catalog/view/theme/defaut/template/common/content_bottom.tpl

Code: Tout sélectionner

   <div id="bottom">
      <div id="content-bott">
         <?php foreach ($modules as $module) { ?>
            <div class="col">
            <?php echo $module; ?>
            </div>
         <?php } ?>
      </div>
   </div>

puis dans mon "fichier.css", j'ai ajouté :

Code: Tout sélectionner

#bottom {
   clear: both;
   overflow: auto;
   padding: 5px;
}
#content-bott{
   margin-left: auto;
   margin-right: auto;
}
.col{
float: left;
margin: 5px;
  width: 48.5%;
}


Cette modif me permet donc d'avoir en bas de page avant le footer, l'affichage de deux modules différents sur la même ligne.
Pour mon cas perso la limite d'affichage est placé à 2.
A partir de ceci on peut je le crois imaginer d'autres astuces pour augmenter les possibilités de mises en page, quelque soit la page.

Avec plaisir

eric

[LeorLindel]

Bonjour eric02,

Nous te remercions de ce retour d'expérience ainsi que de code qui permettra de fair de grandes choses.

[eric02]

Avec plaisirs,
Comme j'ai déjà pu le dire ailleurs, c'est le minimum, car je profite déjà du travail de toutes et tous, donc un juste retour.

et félicitations à l’équipe...

eric