l'image des produits dans la boutique est flou

Forums Forums WPshop Configuration de votre boutique l'image des produits dans la boutique est flou

Ce sujet a 4 réponses, 2 participants et a été mis à jour par  lolo, il y a 1 an et 6 mois.

5 sujets de 1 à 5 (sur un total de 5)
Auteur Messages
Auteur Messages
24 février 2016 at 19 h 08 min #19353

lolo
Participant

Bonjour
Comme convenu je poste ma question.
J’utilise wp shop sur mon site skill-and-style.com le thème wp est Twenty Thirteen.
mais je suis surpris car les images des produits apparaissent un peu flou alors que lorsque je sélectionne le produit il apparaît bien dans une image nette et de plus grand format.
Comment faire en sorte que l’image dans la boutique soit elle aussi de bonne qualité ?
Cordialement
Laurent

29 février 2016 at 11 h 39 min #19367

Gael
Admin bbPress

Bonjour,
il vous faut créer un fichier dans thème/wpshop/main_elements.tpl.php. Avec à l’intérieur :

<?php /*	Product mini display (List)										Produits mini liste */
ob_start();
?>
<li class="product_main_information_container-mini-list wpshop_clearfix wpshop_clear {WPSHOP_PRODUCT_CLASS}" itemscope itemtype="http://data-vocabulary.org/Product" >
	{WPSHOP_PRODUCT_EXTRA_STATE}
	<a href="{WPSHOP_PRODUCT_PERMALINK}" class="product_thumbnail-mini-list" title="{WPSHOP_PRODUCT_TITLE}">{WPSHOP_PRODUCT_THUMBNAIL}</a>
	<span class="product_information-mini-list" itemprop="offers" itemscope itemtype="http://data-vocabulary.org/Offers">
		<a href="{WPSHOP_PRODUCT_PERMALINK}" title="{WPSHOP_PRODUCT_TITLE}" class="wpshop_clearfix">
			<h2 itemprop="name" >{WPSHOP_PRODUCT_TITLE}</h2>
			<span class="crossed_out_price">{WPSHOP_CROSSED_OUT_PRICE}</span> {WPSHOP_PRODUCT_PRICE}
			{WPSHOP_LOW_STOCK_ALERT_MESSAGE}
			<p itemprop="description" class="wpshop_liste_description">{WPSHOP_PRODUCT_EXCERPT}</p>
		</a>
		{WPSHOP_PRODUCT_BUTTONS}
	</span>
</li><?php
$tpl_element['product_mini_list'] = ob_get_contents();
ob_end_clean();

/*	Product mini display (grid)									Produits mini grid */
ob_start();
?>
<li class="product_main_information_container-mini-grid {WPSHOP_PRODUCT_CLASS}" itemscope itemtype="http://data-vocabulary.org/Product" >
	<a href="{WPSHOP_PRODUCT_PERMALINK}" title="{WPSHOP_PRODUCT_TITLE}" itemprop="offers" itemscope itemtype="http://data-vocabulary.org/Offers" >
		<span class="wpshop_mini_grid_thumbnail product_thumbnail_{WPSHOP_PRODUCT_ID}">{WPSHOP_PRODUCT_THUMBNAIL}</span>
		{WPSHOP_PRODUCT_EXTRA_STATE}
		<h2 itemprop="name" >{WPSHOP_PRODUCT_TITLE}</h2>
	    {WPSHOP_PRODUCT_PRICE}<br/>

	</a>
	{WPSHOP_PRODUCT_BUTTONS}
</li><?php
$tpl_element['product_mini_grid'] = ob_get_contents();
ob_end_clean();

Le code en WPSHOP_PRODUCT_THUMBNAIL peut être remplacé par n’importe qu’elle taille de media de votre WordPress.
De base WordPress propose post-thumbnail, medium, large, full.
Par exemple si vous utilisez post-thumbnail il faudra écrire WPSHOP_PRODUCT_THUMBNAIL_POST-THUMBNAIL.
En contrepartie utiliser des tailles de WordPress, signifie que vous allez utiliser des images qui sont simplement redimensionnés, elles ne garderons pas une taille homogène entre elles. Résultat une image en 16/9 apparaîtra plus plate qu’une image carré.
Utilisez une taille personnalisé pour éviter ce genre de désordre.

Cordialement, Gaël.

29 février 2016 at 19 h 27 min #19370

lolo
Participant

Merci beaucoup Gaël pour ce travail.

J’ai essayé plusieurs choses :

1 – J’ai réalisé le fichier main_elements.tpl.php que j’ai placé dans un dossier « wpshop », que j’avais lui-même crée dans le dossier « themes » du dossier « wp-content ». notons donc bien que le dossier wp-content/themes/wpshop, n’existait pas avant.
Je n’ai rien modifié dans le fichier puisque si j’ai bien compris, cela n’est pas obligatoire.
Rien n’apparaît modifié à l’écran.

2 – il m’a semblé que ce n’était pas adapté de créer tous ces dossiers et en cherchant, j’ai trouvé le dossier wp-content/plugins/wpshop/templates/wpshop dans lequel se trouve un fichier main_elements.tpl.php
Ce fichier contient de nombreuses ligne de code. J’ai voulu y ajouter celles que vous me communiquez mais une erreur apparaît.

3 – enfin, j’ai placé dans le dossier thèmes/twentythirteen/wpshop le fichier main_elements.tpl.php créer avec uniquement dedans les lignes de codes que vous m’avez communiquez. mais la encore et de la même manière l’erreur apparaît. ( je vous adresse en joint une capture d’écran )

J’ai surement raté une étape, merci de m’aider à identifier laquelle.
Cordialement
et encore avec mes remerciements pour le temps que vous avez déjà consacré à ce poste.

fichiers attachés:
You must be logged in to view attached files.
1 mars 2016 at 10 h 15 min #19374

Gael
Admin bbPress

Bonjour,
vous avez sûrement noté ces lignes hors des fonction de tampon PHP, ob_start() et ob_end_clean(). Le code est correct chez moi.

Cordialement, Gaël.

1 mars 2016 at 18 h 44 min #19384

lolo
Participant

Effectivement je n’avais fait que recopier le code tel quel sans rien ajouter.
Il manquait donc les fonction que vous évoquez.
tout fonctionne parfaitement ! un grand merci Gaël pour votre aide efficace !

5 sujets de 1 à 5 (sur un total de 5)