[RESOLU] Menu horizontal PS1.6.0.014 Changer couleur. Compliqué

[saitis]

Bonjour à tous,

 

depuis + d'une bonne heure maintenant que j'essaye d'apporter une modif sur ma boutique test.

 

Je voudrais pouvoir mettre l'encart des catégories

 

J'essaye de choper la/les class pour se faire ainsi que les fichiers à modifier.

 

Il y aurait Product.tpl dans mon thème\

Et peut être product.css situé dans mon thème\css

 

Donc je ne trouve pas les lignes de codes à apporter ni ne suis sûr des fichier pré-cités.

 

Suis je sur la bonne piste ? En tout cas je n'y arrive pas du tout.

 

Si vous pourriez me prêter main forte je vous en serai reconnaissant.

Edited March 27, 2015 by saitis (see edit history)

[saitis]

Bonjour à tous,

 

je reviens vers vous, n'ayant toujours pas trouver comment changer la couleur de mon menu horizontal.

 

J'ai bien trouvé des topics la dessus, mais rien ne fonctionne, même en changeant mon global.css (d'ailleurs y en a plusieurs, c'est abusé lol)

 

Donc je vais formuler ma question différemment : Là je fonctionne avec le thème bootstrap défaut, je ne veux pas (pour l'instant faire de copie de thème, je travaille sur le thème "original"

 

et voudrais savoir si déjà on peut modifier les couleurs de ce menu horizontal sans faire de copie de thème ?

 

Si oui, pouvez vous m'indiquer la marche à suivre, quel fichier, dans quelle arborescence et quelle ligne ?

 

Vraiment je vous remercie de me sortir de cette histoire, voilà des heures que je cherche, en vain.

[saitis]

Bien, je viens de trouver une combine

 

Pour que les changements de couleur du menu horizontal se fasse, je clique sur l'éditeur de thème via le BO (qu'il faut activer) et ensuite sur la boutique directement je clique sur Réinitialiser, là mes changements de couleur s'opèrent bien (via le fichier superfish-modified.css qui se trouve dans default-bootstrap- css-modules - blocktopmenu - css

 

Par contre je fois refaire toutes les couleurs css du panier, du menu rechercher, etc....

 

Je vous met mon fichier superfish-modified.css, avec mes commentaires dedans, si cela peut servir à d'autres.

 

Je ne met pas le sujet en Résolu, car pour moi c'est une solution de contournement.

 

/*** ESSENTIAL STYLES ***/
.sf-contener {
  clear: both;
  float: left;
  width: 100%; }

.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 3px solid #e9e9e9;
  background: #005796; }                               /* MENU HORIZONTAL : COULEUR DE FOND DU MENU  */
  @media (max-width: 767px) {
    .sf-menu {
      display: none; } }

.sf-menu ul {
  position: absolute;
  top: -999em;
  background: #F1F1F1; }                               /* SOUS MENU HORIZONTAL : COULEUR DE FOND DU SOUS-MENU  */
  @media (max-width: 767px) {
    .sf-menu ul {
      position: relative; } }

.sf-menu ul li {
  width: 100%; }

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */ }

.sf-menu > li {
  float: left;
  border-right: 1px solid #d6d4d4;
  margin-bottom: -3px; }
  @media (max-width: 767px) {
    .sf-menu > li {
      float: none;
      position: relative;
      border-right: none; }
      .sf-menu > li span {
        position: absolute;
        right: 6px;
        top: 20px;
        width: 30px;
        height: 30px;
        z-index: 2; }
        .sf-menu > li span:after {
          font-family: "FontAwesome";
          content: "\f067";
          font-size: 26px; }
        .sf-menu > li span.active:after {
          content: "\f068"; } }
  .sf-menu > li > a {
    font: 600 18px/22px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #ffffff;                                                    /* MENU HORIZONTAL : COULEUR DE LA POLICE  */     
    display: block;
    padding: 17px 20px;
    border-bottom: 3px solid #e9e9e9; }
  .sf-menu > li.sfHover > a,
  .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
    background: #005796;                                                /* MENU HORIZONTAL : COULEUR DE FOND DU MENU  */     
    border-bottom-color: #005796;                                       /* MENU HORIZONTAL : COULEUR DE LA BORDURE DU BAS DU MENU  */     
    color: #ffffff; }                                                   /* MENU HORIZONTAL : COULEUR DE L'ECRITURE DE LA POLICE DU MENU  */  

.sf-menu li li li a {
  display: inline-block;
  position: relative;
  color: #777777;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  padding-bottom: 10px; }
  .sf-menu li li li a:before {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    padding-right: 10px; }
  .sf-menu li li li a:hover {
    color: #333; }

.sf-menu li ul {
  display: none;
  left: 0;
  top: 59px;
  /* match top ul list item height */
  z-index: 99;
  padding: 12px 0px 18px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
  @media (max-width: 767px) {
    .sf-menu li ul {
      top: 0; } }

.sf-menu li li ul {
  position: static;
  display: block !important;
  opacity: 1 !important;
  background: none;
  -moz-box-shadow: transparent 0px 0px 0px;
  -webkit-box-shadow: transparent 0px 0px 0px;
  box-shadow: transparent 0px 0px 0px; }

.sf-menu li li li ul {
  padding: 0 0 0 20px; }

.sf-menu li li li ul {
  width: 220px; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 200px;
  /* match ul width */
  top: 0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 200px;
  /* match ul width */
  top: 0; }

.sf-menu > li > ul {
  padding: 26px 30px 31px;
  width: 100%; }
  .sf-menu > li > ul > li > a {
    text-transform: uppercase;
    font: 600 16px/20px "Open Sans", sans-serif;
    color: #333; }                                                   /* SOUS-MENU HORIZONTAL : COULEUR DE L'ECRITURE DE LA POLICE DU SOUS-MENU  */  
    .sf-menu > li > ul > li > a:hover {
      color: #f6f6f6; }

.sf-menu > li > ul > li {
  float: left;
  width: 20%;
  padding-right: 15px; }
  @media (max-width: 767px) {
    .sf-menu > li > ul > li {
      width: 50%; } }
  @media (max-width: 479px) {
    .sf-menu > li > ul > li {
      width: 100%;
      padding-bottom: 20px; } }
  @media (min-width: 768px) {
    .sf-menu > li > ul > li.first-in-line-lg {
      clear: left; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .sf-menu > li > ul > li.first-in-line-xs {
      clear: left; } }

.sf-menu > li > ul > li.category-thumbnail {
  width: 100% !important;
  float: none;
  clear: both;
  overflow: hidden;
  padding-right: 0; }
  .sf-menu > li > ul > li.category-thumbnail > div {
    float: left;
    padding-left: 10px;
    width: 33.333%; }
    @media (max-width: 479px) {
      .sf-menu > li > ul > li.category-thumbnail > div {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
        text-align: center; } }
    .sf-menu > li > ul > li.category-thumbnail > div:first-child {
      padding-left: 0; }
    .sf-menu > li > ul > li.category-thumbnail > div img {
      max-width: 100%;
      display: block; }

.cat-title {
  display: none; }
  @media (max-width: 767px) {
    .cat-title {
      display: block;
      font: 600 18px/22px "Open Sans", sans-serif;
      text-transform: uppercase;
      color: #ffffff;
      display: block;
      padding: 17px 20px;
      border-bottom: 3px solid #e9e9e9;
      background: #f6f6f6;
      position: relative; }
      .cat-title:hover {
        background: #333;
        border-bottom-color: #666666;
        color: #ffffff; }
      .cat-title:after {
        display: block;
        font-family: "FontAwesome";
        content: "\f067";
        position: absolute;
        right: 15px;
        top: 18px;
        font-size: 26px; }
      .cat-title.active:after {
        content: "\f068"; } }

.sf-menu li.sf-search {
  border: none; }
  .sf-menu li.sf-search input {
    display: inline;
    padding: 0 13px;
    height: 30px;
    line-height: 30px;
    background: #000000;
    margin: 13px 10px 0 0;
    font-size: 13px;
    color: #9c9b9b;
    border: 1px solid #d6d4d4; }

#block_top_menu .category-thumbnail {
  clear: both;
  width: 100%;
  float: none; }
  #block_top_menu .category-thumbnail div {
    float: left;
    width: 33.33333%; }
    #block_top_menu .category-thumbnail div img {
      max-width: 100%; }
#block_top_menu li.category-thumbnail {
  padding-right: 0; }

/*# sourceMappingURL=superfish-modified.css.map */
 

[Vinum]

Bonjour,

Vous avez trouvé. C'est bien ce fichier superfish-modified.css qu'il faut modifier. Pas besoin d'activer le theme configurator par défaut.

Par contre lorsque vous faites des modifications, vous devez soit désactiver la mise ne cache, soit forcer la recompilation à chaque appel.

Sinon, vous devez penser à vider le cache après chaque modification.

 

Enfin si vous ne voulez pas vous prendre la tête pour les modifications de css, il y'a ce module :

http://addons.prestashop.com/fr/fonctionnalites-front-office-modules-prestashop/17952-configurateur-de-themes-avance-theme-maker.html

Cordialement,

[saitis]

Bonjour, merci beaucoup d'avoir validé les modifs que j'ai réalisées.

Effectivement, je n'avais pas pensé au départ avec cette histroire de cache, faut que je m'y fasse

 

Bonne fin de journée à vous et merci encore

[deandreway]

Saitis Merci, après Plusieurs jours de recherche sans rien trouver, ton post ma aidez à changé la couleur du menu horizontal de mon site, chose que je cherchait à faire depuis plusieurs jours