Image-produit dans l'historique de commande

[presta'luv]

Bonjour à tous,

 

Savez-vous comment afficher l'image du produit dans l'historique des commandes ? (Mon compte / Historique / Commande N°0123456 / Détail).

 

Je souhaiterai que dans ce tableau récapitulatif de la commande, l'image du ou des produits apparaissent avant (ou à la place) de la référence (complètement à gauche), le tout afin d'égayer un peu ce tableau récapitulatif tout tristounet

 

Une âme charitable est elle mesure de me fournir la réponse ?

 

Merci d'avance à tous,

[CreaZion Web]

Pour espérer avoir une réponse à cette question, il faudrait communiquer le numéro de version de votre boutique Prestashop, et éventuellement le thème utilisé s'il ne s'agit pas d'un thème réalisé sur mesure pour votre boutique.

 

Cordialement,

[presta'luv]

Bonjour et merci pour la réponse.

 

Pour la version de Prestashop il s'agit de la 1.4.7.0. Par contre en quoi le thème joue-t-il une importance dans ma demande ? Rien n'a été modifié de mon coté il s'agit du thème de base légèrement adapté graphiquement :/

[lupyo]

Up, sa m'aiderai aussi...

[KevinNash]

up aussi, personne n'a jamais fait cela ?

 

A défaut d'image, un hyperlink sur chaque produit serait bienvenu également.

 

Je suis sous PS 1.5.4.1 mais je crois qu'il en est toujours de même sous 1.6, pas d'image ni d'hyperlink sur les produits dans le détail des commandes.

[utaku]

Hello, 

 

Voici comment faire ( fonctionne sur PS 1.6 , il faut tester sur les autres version )

 

Dans le fichier order-detail.tpl qui ce trouve dans votre theme, vous devriez avoir ceci quelques part : 

<!-- Classic products -->
				{if $product.product_quantity > $product.customizationQuantityTotal}
					<tr class="item">
						{if $return_allowed}<td class="order_cb"><input type="checkbox" id="cb_{$product.id_order_detail|intval}" name="ids_order_detail[{$product.id_order_detail|intval}]" value="{$product.id_order_detail|intval}" /></td>{/if}
						<td><label for="cb_{$product.id_order_detail|intval}">{if $product.product_reference}{$product.product_reference|escape:'html':'UTF-8'}{else}--{/if}</label></td>
						<td class="bold">
							<label for="cb_{$product.id_order_detail|intval}">
								{if $product.download_hash && $invoice && $product.display_filename != '' && $product.product_quantity_refunded == 0 && $product.product_quantity_return == 0}
									{if isset($is_guest) && $is_guest}
									<a href="{$link->getPageLink('get-file', true, NULL, "key={$product.filename|escape:'html':'UTF-8'}-{$product.download_hash|escape:'html':'UTF-8'}&id_order={$order->id}&secure_key={$order->secure_key}")|escape:'html':'UTF-8'}" title="{l s='Download this product'}">
									{else}
										<a href="{$link->getPageLink('get-file', true, NULL, "key={$product.filename|escape:'html':'UTF-8'}-{$product.download_hash|escape:'html':'UTF-8'}")|escape:'html':'UTF-8'}" title="{l s='Download this product'}">
									{/if}
										<img src="{$img_dir}icon/download_product.gif" class="icon" alt="{l s='Download product'}" />
									</a>
									{if isset($is_guest) && $is_guest}
										<a href="{$link->getPageLink('get-file', true, NULL, "key={$product.filename|escape:'html':'UTF-8'}-{$product.download_hash|escape:'html':'UTF-8'}&id_order={$order->id}&secure_key={$order->secure_key}")|escape:'html':'UTF-8'}" title="{l s='Download this product'}"> {$product.product_name|escape:'html':'UTF-8'} 	</a>
									{else}
									<a href="{$link->getPageLink('get-file', true, NULL, "key={$product.filename|escape:'html':'UTF-8'}-{$product.download_hash|escape:'html':'UTF-8'}")|escape:'html':'UTF-8'}" title="{l s='Download this product'}"> {$product.product_name|escape:'html':'UTF-8'} 	</a>
									{/if}
								{else}
									<img style="margin-right:10px;" src="{$link->getImageLink($product.product_name, $product.image->id, 'small_default')|escape:'html'}" alt="{$product.product_name|escape:htmlall:'UTF-8'}" />
									{$product.product_name|escape:'html':'UTF-8'}
								{/if}
							</label>
						</td>

Ceci est donc tout le code brute.

 

La seul modification faite à ce code la est ceci : 

									<img style="margin-right:10px;" src="{$link->getImageLink($product.product_name, $product.image->id, 'small_default')|escape:'html'}" alt="{$product.product_name|escape:htmlall:'UTF-8'}" />
									{$product.product_name|escape:'html':'UTF-8'}

ceci vous permet de rajouter l'image à coté du nom du produit

vous pouvez choisir la taille de l'image avec 'small_default' que vous pouvez changer par ce que vous trouverez dans préférence/image/ dans le B.O

 

Voilà

[lupyo]

une réponse à un topic 3 ans après sa création et 1 an et demi après mon premier UP, j'suis bien content d'être passé à Woocommerce moi ...  

[KevinNash]

Merci utaku cela marche comme un charme

 

Tu saurais également modifier pour que le nom du produit soit un hyperlink ?

[utaku]

hello, 

 

Pour rajouter cette possibilité, il vous suffit dès lors de modifier le code précédent par celui-là : 

									<a href="{$link->getProductLink($product)}"> <img style="margin-right:10px;"  src="{$link->getImageLink($product.product_name, $product.image->id, 'small_default')|escape:'html'}" alt="{$product.product_name|escape:htmlall:'UTF-8'}" /> 
									 {$product.product_name|escape:'html':'UTF-8'}
								</a>

Ce code fonctionne sur un PS 1.6.1.2

 

 

Voilà

[KevinNash]

Merci beaucoup

 

J'ai également mis la description avec hyperlink et en dessous de l'image en remplaçant :

{$product.product_name|escape:'htmlall':'UTF-8'}

par :

<p class="s_title_block"><a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)|escape:'htmlall':'UTF-8'}">{$product.product_name|escape:'htmlall':'UTF-8'}</a></p>

Je ne sais pas si c'est la meilleure manière de le faire par contre, je me suis inspiré de shopping-cart-product-line.tpl

[utaku]

Hello, 

 

Perso chez moi cela ne fonctionne pas, mais je vais à l'occaz y jeter un œil

[KevinNash]

Ca ne marche pas en 1.6 ? Cela m'intrigue, en 1.5 cela me donne en code complet :

<img style="margin-right:10px;" src="{$link->getImageLink($product.product_name, $product.image->id, 'small_default')|escape:'html'}" alt="{$product.product_name|escape:htmlall:'UTF-8'}" />
<p class="s_title_block"><a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)|escape:'htmlall':'UTF-8'}">{$product.product_name|escape:'htmlall':'UTF-8'}</a></p>

Sinon tu peux tenter en conservant la description à droite de l'image :

<img style="margin-right:10px;" src="{$link->getImageLink($product.product_name, $product.image->id, 'small_default')|escape:'html'}" alt="{$product.product_name|escape:htmlall:'UTF-8'}" />
<a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute)|escape:'htmlall':'UTF-8'}">{$product.product_name|escape:'htmlall':'UTF-8'}</a>

[utaku]

Hello, 

 

Nop toujours pas pour les 2 solutions , le lien vers l'article est alors détourné sur l'image, mais la description ou le résumer de l'article ne s'affiche pas et le lien ( du nom ) est dirigé vers une page 404 et le lien est du style : 

 

<br%20></a>%20<b>Notice</b>:%20Undefined%20index:%20link_rewrite%20in%20<b>/var/www/clients/client1/web**/web/***/cache/smarty/compile/75/c0/4d/7

 

Donc voila

[KevinNash]

Je viens de vois qu'en 1.6, le code dans shopping-cart-product-line dont je me suis inspiré est différent, tu as :

<p class="product-name"><a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute, false, false, true)|escape:'html':'UTF-8'}">{$product.name|escape:'html':'UTF-8'}</a></p>

Tu peux tenter de mettre :

<p class="product-name"><a href="{$link->getProductLink($product.id_product, $product.link_rewrite, $product.category, null, null, $product.id_shop, $product.id_product_attribute, false, false, true)|escape:'html':'UTF-8'}">{$product.product_name|escape:'html':'UTF-8'}</a></p>

En 1.5 ce code là fonctionne aussi pour moi, en fait je remplace juste :

{$product.name|escape:'html':'UTF-8'}

par :

{$product.product_name|escape:'html':'UTF-8'}

[Manu-41]

On 22/01/2016 at 6:11 AM, utaku said:

Hello, 

 

Voici comment faire ( fonctionne sur PS 1.6 , il faut tester sur les autres version )

 

Dans le fichier order-detail.tpl qui ce trouve dans votre theme, vous devriez avoir ceci quelques part : 

<!-- Classic products -->
				{if $product.product_quantity > $product.customizationQuantityTotal}
					<tr class="item">
						{if $return_allowed}<td class="order_cb"><input type="checkbox" id="cb_{$product.id_order_detail|intval}" name="ids_order_detail[{$product.id_order_detail|intval}]" value="{$product.id_order_detail|intval}" /></td>{/if}
						<td><label for="cb_{$product.id_order_detail|intval}">{if $product.product_reference}{$product.product_reference|escape:'html':'UTF-8'}{else}--{/if}</label></td>
						<td class="bold">
							<label for="cb_{$product.id_order_detail|intval}">
								{if $product.download_hash && $invoice && $product.display_filename != '' && $product.product_quantity_refunded == 0 && $product.product_quantity_return == 0}
									{if isset($is_guest) && $is_guest}
									<a href="{$link->getPageLink('get-file', true, NULL, "key={$product.filename|escape:'html':'UTF-8'}-{$product.download_hash|escape:'html':'UTF-8'}&id_order={$order->id}&secure_key={$order->secure_key}")|escape:'html':'UTF-8'}" title="{l s='Download this product'}">
									{else}
										<a href="{$link->getPageLink('get-file', true, NULL, "key={$product.filename|escape:'html':'UTF-8'}-{$product.download_hash|escape:'html':'UTF-8'}")|escape:'html':'UTF-8'}" title="{l s='Download this product'}">
									{/if}
										<img src="{$img_dir}icon/download_product.gif" class="icon" alt="{l s='Download product'}" />
									</a>
									{if isset($is_guest) && $is_guest}
										<a href="{$link->getPageLink('get-file', true, NULL, "key={$product.filename|escape:'html':'UTF-8'}-{$product.download_hash|escape:'html':'UTF-8'}&id_order={$order->id}&secure_key={$order->secure_key}")|escape:'html':'UTF-8'}" title="{l s='Download this product'}"> {$product.product_name|escape:'html':'UTF-8'} 	</a>
									{else}
									<a href="{$link->getPageLink('get-file', true, NULL, "key={$product.filename|escape:'html':'UTF-8'}-{$product.download_hash|escape:'html':'UTF-8'}")|escape:'html':'UTF-8'}" title="{l s='Download this product'}"> {$product.product_name|escape:'html':'UTF-8'} 	</a>
									{/if}
								{else}
									<img style="margin-right:10px;" src="{$link->getImageLink($product.product_name, $product.image->id, 'small_default')|escape:'html'}" alt="{$product.product_name|escape:htmlall:'UTF-8'}" />
									{$product.product_name|escape:'html':'UTF-8'}
								{/if}
							</label>
						</td>

Ceci est donc tout le code brute.

 

La seul modification faite à ce code la est ceci : 

									<img style="margin-right:10px;" src="{$link->getImageLink($product.product_name, $product.image->id, 'small_default')|escape:'html'}" alt="{$product.product_name|escape:htmlall:'UTF-8'}" />
									{$product.product_name|escape:'html':'UTF-8'}

ceci vous permet de rajouter l'image à coté du nom du produit

vous pouvez choisir la taille de l'image avec 'small_default' que vous pouvez changer par ce que vous trouverez dans préférence/image/ dans le B.O

 

Voilà

Super, ça fonctionne bien sur 1.6.1.11, au top!

un grand merci pour la contribution