problèmes de tailles d'Images dans le configurateur de thème version 1.6

[jimprestashop]

Bonjour a tous,

 

J'ai modifier la taille de mon diaporama que je trouvait trop grand et je souhaite mettre 1 image du configurateur de thème a droite du diaporama à la même taille. Impossible...

 

J'ai pourtant modifier les tailles dans le configurateur de thème mais sans résultat, l'image reste toujours à la taille "prestashop" de 381 x 219.

 

Avec un clic droit sur l'image, les informations de dimensions me donnent: Dimensions 0px × 0px (redimensionné à 381px × 209px) .

 

Comme pour le diapo dans le fichier css homeslider.css, y a t'il un fichier ou je peux modifier les dimensions ??

 

Merci d'avance !

[PixGeek]

url?

[jimprestashop]

http://www.jimshop.fr

[PixGeek]

va dans :

 

 

THEME\css\modules\themeconfigurator\css\hooks.css

 

modifie :

 #htmlcontent_top ul li a {
 background: none; } }
#htmlcontent_top ul li img {
max-width: 100%;
height: auto; }

par :

#htmlcontent_top ul li a {
background: none; } }
#htmlcontent_top ul li img {
;
height: auto; }

n'ouble ps de vider les caches

[jimprestashop]

Le seul module themeconfgurator est a la racine de mon site prestashop/modules/themeconfgurator

 

Voila le contenu qui n'est pas tout a fait identique au tient

 

/* Home hook CSS */
#htmlcontent_home ul {
  margin: 0 -5px; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
    #htmlcontent_home ul li.htmlcontent-item-5 {
      width: 66.6667%; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }

/* Top hook CSS */
  #htmlcontent_top {
    float: right;
    width: 33%;
    max-width: 391px;
    padding-left: 5px;
}
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 583px;
      padding-left: 0;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      max-width: 583px;
      height: auto; }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */

 

J'ai mis la dimension souhaitée à mon image 583px a la place des 2 max-widht qui étaienta 100%, mon image est a la bonne taille mais décalée a droite...

T'aurais la solution

 

Merci encore pour ton aide précieuse

[PixGeek]

tonsite/tontheme/css/modules/themeconfigurateur

Edited January 15, 2017 by One_Man (see edit history)

[jimprestashop]

Voila le chemin que tu me conseille, il n'y a pas de themeconfigurator

 

C:\wamp\www\prestashop\themes\default-bootstrap\css\modules

 

Le seul endroit ou il y a ce fichier c'est ici

 

C:\wamp\www\prestashop\modules\themeconfigurator

 

Ca c'est en local mais sur mon serveur c'est pareil. J'ai la version 1.6.0.8

[PixGeek]

C:\wamp\www\prestashop\modules\themeconfigurator/css/hooks.css

[jimprestashop]

Bonjour One_man,

j'ai modifié comme tu me l'a conseillé le fichier en question, les dimensions de l'image sont comme je le souhaite, malheureusement l'image est décalée a droite et une partie n'est plus visible. Comment la ramener a gauche pres du slider.

 

http://www.jimshop.fr

 

merci pour ton aide

[PixGeek]

dans le css du module trouve ceci :

#htmlcontent_top ul li img
heigth :auto;
}

codifie comme ceci :

#htmlcontent_top ul li img
height :auto ;
;
}

 et voila

[jimprestashop]

sans résultat

[PixGeek]

as tu vide les caches?

[jimprestashop]

oui en local comme sur mon serveur

Voila le contenu de mon fichier

 

/* Home hook CSS */
#htmlcontent_home ul {
  margin: 0 -5px; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
    #htmlcontent_home ul li.htmlcontent-item-5 {
      width: 66.6667%; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }

/* Top hook CSS */
  #htmlcontent_top {
    float: right;
    width: 33%;
    max-width: 391px;
    padding-left: 5px;
}
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      height: auto ;
        ;
        }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */

 

si ca peut t'aider...

[PixGeek]

Essaye de mettre ceci :

 

#htmlcontent_home ul li img {

max-width: 100%;

height: auto ;

margin-left : -200px;

}

Edited January 16, 2017 by One_Man (see edit history)

[jimprestashop]

pas de changement

 

c'est incroyable qu'en changeant comme ca le fichier il n'y ai aucune répercussion sur le site..!

un internaute, sur ce même sujet me parle de fichier tpl...mais lequel serait le bon ?

[PixGeek]

Je t'ai MP

[PixGeek]

esaye avec ceci,

trouve ceci :

/* Top hook CSS */
  #htmlcontent_top {
    float: right;
    width: 33%;
    max-width: 391px;
    padding-left: 5px;
}

modifie comme ceci :

/* Top hook CSS */
  #htmlcontent_top {
    float: right;
    width: 33%;
    max-width: 391px;
    padding-left: 5px;
    margin-right: 200px;
}

[jimprestashop]

Super One_man !!! c'était bien ça...

 

T'es un chef, merci encore pour le suivi de mon pb.

 

Tu peux retourner voir le résultat: www.jimshop.fr 

[PixGeek]

De rien, n'oublie pas de mettre ton poste sur résolu

[jimprestashop]

super...comment on fait ?