flapsdesign

L’équipe Magento fournit un fichier Photoshop pour créer les boutons du thème Mordern, il ne me restait plus qu’à en faire la déclinaison en suivant la traduction française officielle.

A télécharger

• Le fichier Photoshop avec tous les calques et les tranches pré-découpées (229 Ko, .zip).
• Le pack d’images à insérer dans le dossier «skin/frontend/…/modern/images/» (55 Ko, .zip)

  h2. Retouche dans la CSS

  Attention, les boutons sont tous un peu plus grands en dimensions que dans la langue de Shakespeare et c’est un problème insoluble… il convient donc de bien contrôler le site pour vérifier que cela n’altère pas la mise en page.

  Il y a au moins un changement à faire au niveau de la feuille de styles, afin que «Recherche» ne soit pas coupé…
  Dans le fichier «boxes.css» (situé dans @/skin/frontend/default/modern/css/@), il faut rechercher la classe «.mini-search» (aux alentours de la ligne 336) et y changer la valeur «padding-left» de 45 à 70px. Ce qui donne cela :

  @.mini-search {
position:relative;
z-index:97;
float:right;
width:270px;
background:url(../images/head_search.gif) no-repeat 0 50%;
padding-left:70px;
}
.mini-search .input-text { width:212px; margin-right:2px; }@


  Bonne installation ! N’hésitez pas à me contacter pour toute question !