[résolu]Image flou

[stephy]

Bonjour =)

alors j ai un petit soucis depuis que j ai mis mon nouveau thème

 

certaine image sont flouté (mes image sont assez grade a la base 300 environs)

j ai beau régénérer les images rien nada!!

mais ce qui me semble bizarre c est que sur ma page d accueil dans produit phare c est net bon par contre quand ton click pour voir le produit c est flou mais quand on veut zomer c est nikel

http://miss-lylou.com/ ma page d accueil

quand on click sur le produit http://miss-lylou.com/home/47-body-combi-short-leopard.html et quand vous zoomer c est nikel

quelqu un pourrait me dire ou je dois regarder...je ne sais pas trop ou aller dans les fichiers pour changer la dimension (si ca vient de ça)car sur prestashop j ai beau changer de dimension ca change rien.

merci de votre aide

 

prestashop 1.6.0.6 / easy hebergement

 

Edited January 29, 2015 by stephy (see edit history)

[FMR]

Bonjour,

Le flou est du à un mauvais paramétrage de la taille des images sur la page produit.
Pour l'éviter, les images doivent avoir la même taille que l'emplacement qui leur est dû.
Autrement dit : si l'espace ou se trouve l'image fait 250px par 250px, l'image doit faire 250px par 250px.

Dans votre cas, elle est bien appelé comme il faut, mais est agrandie par le CSS :

.pb-left-column #image-block img {

    background: none repeat scroll 0 0 #fbfbfb;

    width: 100%;
}

Remplacez-le par :

.pb-left-column #image-block img {

    background: none repeat scroll 0 0 #fbfbfb;

    padding-left: 30px;

}

Vous devriez trouver ces lignes dans global.css ou product.css.

Bonne continuation,
Cordialement.

ATTENTION : votre thème étant responsive, il faut également indiquer que cette modification n'est QUE pour la version normale du site.
Dans le CSS gérant le responsive de votre thème, il faudra ajouter également:

.pb-left-column #image-block img {

    background: none repeat scroll 0 0 #fbfbfb;

    padding-left: 0;

}

Afin que cela ne perturbe pas vos design pour tablettes et smartphones.
N'hésitez à demander plus d'infos, si besoin.

Edited January 29, 2015 by FMR (see edit history)

[YopixelAE]

.pb-left-column #image-block img {
    background: none repeat scroll 0 0 #fbfbfb;
    width: 100%;
    max-width:250px;
}

Conserve le responsive et prévient le sur-agrandissement.

[stephy]

YESSSSSSSSSSSSSS:!!!! merci ,merci... suis trop contente ça faisait un moment que je cherchais a m en tirer les cheveux ^^

merci encore

Edited January 29, 2015 by stephy (see edit history)

[FMR]

Oui, effectivement, j'avais pas pensé à limité la taille avec un max-width.
C'est clair que c'est plus simple et plus propre, mdr, même si les deux fonctionnent.

Bonne continuation.
Cordialement.