Jump to content

Images à la mauvaise dimenion ?


Recommended Posts

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 by Gunner (see edit history)

Share this post


Link to post
Share on other sites

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 by Jacques Biais (see edit history)

Share this post


Link to post
Share on other sites

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 by Gunner (see edit history)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 by Jacques Biais (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More