Images à la mauvaise dimenion ?

[Gunner]

Bonjour,

 

Voilà mon probleme, lorsque que mes images s'affichent dans la partie nouveautés elles sont correctes.

Si je clique sur la vignette, la fiche produit apparait et là l'image est deformée, etirée.

Si je clique à nouveau sur l'image pour l'agrandir là elle apparait dans sa bonne taille.

Il faut quand meme reconnaitre que cela ne fait pas tres vendeur en premiere lecture.

 

Je ne vois pas trop comment arriver à obtenir des images d'une taille correcte quelle que soit le type d'affichage. J'ai trouvé d'autres topics similaires mais rien ne marche, de plus lorsque je fais la regeneration des miniatures et bien là erreur 500. Là aussi j'ai trouvé des topics mais bon cela n'a rien resolu.

 

Merci de votre aide.

 

le site...http://www.le-depot-.../maboutique/fr/

Edited June 15, 2012 by Gunner (see edit history)

[Jacques Biais]

Dans le global.css, les images "produits" sont configurées pour être affichées en 300x450px alors que les images de cette catégorie dans les préférences "images" sont indiquées :300x300px!

Il est donc normal, qu'une image carrée au départ soit déformée si l'on veut lui donner un format rectangulaire donc: modifier le css:

 

 

#primary_block #image-block #bigpic {

cursor: pointer;

height: 450px;

padding: 0;

width: 300px;

}

 

Par:

 

#primary_block #image-block #bigpic {

 

cursor: pointer;

height: 300px;

padding: 0;

width: 300px;

}

 

Eventuellement retoucher également les dimensions du bloc car il sera disproportionné par rapport à l'image ou plus simple supprimer le cadre.

 

Cordialement

Edited June 16, 2012 by Jacques Biais (see edit history)

[Gunner]

Merci de ton aide cela a résolu une partie de mon probleme. En effet quand je vais sur la fiche d'un produit, il est maintenant à la bonne taille, et cela est vrai aussi dans le cas ou je veux le voir en agrandissement où là aussi c'est tout bon.

Merci

 

Tu parles de retoucher les dimensions du bloc, j'ai essayé via le CSS/product css/primary bloc mais bon cela ne me donne pas satisfaction.

Suis-je au bon endroit?

 

En fait grace à firebug j'ai trouvé les elements à modifier, mais je n'arrive pas à les retrouver sur le site....

 

#center_column .products_block .product_image img {

 

 

-moz-border-bottom-colors: none;

-moz-border-image: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

-moz-border-top-colors: none;

border-bottom-color: -moz-use-text-color;

border-bottom-left-radius: 3px;

border-bottom-right-radius: 3px;

border-bottom-style: none;

border-bottom-width: medium;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-left-color-value: -moz-use-text-color;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-left-style-value: none;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-left-width-value: medium;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-right-color-value: -moz-use-text-color;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-right-style-value: none;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-right-width-value: medium;

border-top-color: -moz-use-text-color;

border-top-left-radius: 3px;

border-top-right-radius: 3px;

border-top-style: none;

border-top-width: medium;

float: none;

height: 160px;

margin-bottom: 0;

margin-left: 0;

margin-right: 0;

margin-top: 30px;

padding-bottom: 0;

padding-left: 0;

padding-right: 0;

padding-top: 0;

width: 160px;

 

Un peu d'aide?

Edited June 16, 2012 by Gunner (see edit history)

[Jacques Biais]

Je pense que tu as trouvé le code css puisque le block a repris sensiblement les dimensions de l'image.

Si le problème est résolu, ne pas oublier de mettre résolu dans le titre du premier topic.

[Gunner]

Ben oui et non ....oui j'ai trouvé le code qui va me permettre de mettre les photos à la dimension qui convient mais le probleme c'est que je ne sais pas où aller pour atteindre ce code puisque c'est la copie des infos données par firebug.

[Jacques Biais]

Vous avez compilé les css et de ce fait, c'est assez compliqué de s'y retrouver!

(Tant que vous n'êtes pas en production, c'est inutile)

Donc afin de vous rendre les choses plus faciles:

 

-Commencez par vous rendre dans le B.O et dans l'onglet performances, cochez: Conserver le fonctionnement classique (pour les css)

 

-Rafraichir la page et avec l'aide de "firebug", vous allez trouver facilement les css concernés ainsi que le n° des lignes.

 

Vérifiez également vos images et c'est là qu'est la difficulté car vous avez par exemple, des pantalons (donc hauteur>largeur) qu'il faut faire cohabiter avec des shorts (hauteur=largeur) . Le cas de figure idéal est d'avoir TOUTES les images d'origine soit carrées soit rectangulaires puis configurer ensuite les cadres ou elles seront affichées en fonction de ce choix de départ. C'est un problème qui ne sera pas facile à résoudre...

 

Cordialement

Jacques Biais

Edited June 16, 2012 by Jacques Biais (see edit history)

[Gunner]

Ben, là je dis respect et merci nickel tout est beaucoup plus clair de suite