Pack de boutons français « Magento Modern Theme »

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 !

2 commentaires

  1. Jonathan   •  

    Merci pour cette traduction, et l’astuce CSS !

    Cependant le libellé “Recherche” est sur fond blanc au lieu de fond gris (#efefef).

    • nacer   •  

      Super merci beaucoup tu m’enlèves une journée de galère.
      Merci beaucoup

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>