problème affichage photo sur site

Petit nouveau ! | 4 Messages

07 avr. 2014, 19:23

bonjour

j'ai un site avec une base Wordpress et un plugin WPShop et thème en cours de création, j'ai une photo sur chaque page produits, et en page d'accueil un plugin qui affiche les photos (les mêmes) aléatoirement.
Mon soucis c'est que les photos en page d'accueil sont troubles et pas belles alors que ce sont les mêmes que sur les fiches produits.

Je pense que ça vient d’une déclaration CSS du widget, ou d’un conflit CSS entre Wordpress et WPShop, mais je n’arrive pas à trouver.

si vous aviez une idée ?

l'adresse : www.aquavital.fr

merci
Yves

Eléphant du PHP | 363 Messages

08 avr. 2014, 15:17

Bonjour,

Je pense plus à une question d'appel qu'autre chose et aussi de résolution. Une photo pixelisée c'est une photo trop agrandie en règle générale.

Il cherche pas à agrandir la vignette plutôt que la photo d'origine ?

Sur la home les liens sont :
<img width="150" height="150" src="http://aquavital.fr/wp-content/uploads/ ... 50x150.jpg" class="attachment-thumbnail wp-post-image" alt="comprime_spiruline_10.1">
http://aquavital.fr/wp-content/uploads/ ... 50x150.jpg

J'attire votre attention sur le -150x150 alors que l'image affichée en homepage fait 327x327 . Il faut soit revoir l'appel qui d'ailleurs va déformer votre photo car on passe d'un rectangle à un carré, soit voir s'il n'y a pas un conflit css avec la classe attachment-thumbnail wp-post-image (thumbnail = vignette ;))

Sur la pages produits :
<img width="328" height="187" src="http://aquavital.fr/wp-content/uploads/ ... e_10.1.jpg" class="attachment-wpshop-product-galery wp-post-image" alt="comprime_spiruline_10.1">
http://aquavital.fr/wp-content/uploads/ ... e_10.1.jpg

Fé.
Dis-donc fossoyeur, t'as une dent contre moi ou quoi ?

Mammouth du PHP | 2278 Messages

08 avr. 2014, 19:53

Il est facile de vérifier que phenix a raison de ne pas s'être tu:
Clic droit sur les images et propriétés de l'image:
tantôt carrées partout, tantôt rectangle -> carré....
Il serait bien plus simple de redimensionner chaque image en fonction de son rôle(150 page d'accueil, 350 ailleurs...) avant de mettre en ligne (avec gimp il y en a pour un instant) en faisant un redimensionnement sur une seule dimension, gimp choisissant l'autre proportionnellement.
Mais je me demande si ça ne vient pas de wordpress avec sa classe
wpshop_mini_grid_thumbnail
Vanitas vanitatum et omnia vanitas
Mes derniers livres :
Sauvez les Mots chez BoD,
Tous les chemins mènent à ROM chez BoD