Discussion :

[Tof90]

Bonjour,

J'aurai besoin de votre aide. J'ai un soucis avec une page sur Prestashop que j'ai ajoutée depuis le back office via Apparence/Pages.

C'est les conditions d’expédition sur ma boutique en ligne.

Mon problème concerne les images des logos de mes transporteurs. Je mets des images qui font 90x90px. Elles apparaissent bien sur le back office par contre sur mon site les images sont redimensionnées en 277x277px.

J'ai réussi a identifier dans la console le problème. Il s'agit d'une propriété css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#cms #content-wrapper img,#header .logo{max-width:100%;height:auto; width:277px!important;}

Apparemment c'est la propriété du logo du site qui est appliqué aux images qui se trouves dans mon texte.

J'ai pas forcément une idée pour régler le problème si ce n'est d'aller dans le fichier de modifier le fichier css et de faire un peu de css en ajoutant ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
.redim_img
{
width:auto;
height:auto;
}

Et d'appliquer ca directement sur mes images.

Après c'est pas forcément propre et je ne sais pas si ne va pas être supprimé automatiquement de mon image quand je vais l'écrire dans le back office (j'ai vu que le html était nettoyé à l'enregistrement du formulaire). De plus je prends le risque de voir ma modification supprimée en cas de mise à jour de prestashop.

Il y a peut être une façon plus propre de faire en sorte que la propriété css du logo ne s'applique pas à mon bloc de texte d'autant plus que je n'ai aucun problème de ce type sur le restant du site.

Si quelqu'un a une idée....

Merci d'avance

[Mister Socrates]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
.redim_img
{
width:auto;
height:auto;
}

Bonjour,
Je ne sais pas si vous avez résolu le souci.
En mettant les dimensions en "auto", le site peut les redimensionner comme c'est le cas.
Vous pouvez attribuer un ID (ou une class s'il y a plusieurs logos) et l' insérer soit dans le code de l'en-tête du site soit dans un fichier css s'il en existe un à part en précisant que les dimensions doivent rester 90x90.