Background image sur invoice.tpl pour la facture

[Toniomoricone]

Bonjour,

j'ai regardé les messages sur le forum sans trouver la solution à mon problème.

J'ai ajouté un bloc, avec diverses infos (nom prénom etc..) dans ce bloc, dans le invoice.tpl.

Jusqu'ici tout va bien, j'ai bien toutes mes infos, ensuite, je souhaite que ce bloc (un <div>) ait une image en background, et c'est là que je coince. J'arrive sans problème à mettre des background-color mais des background:url ou background-image, ça ne fonctionne pas.

Comment dois-je procéder?

Merci pour votre aide.

[DevNet]

Bonjour,

 

Avec firebug c'est très simple de manipuler et faire un débug à la volée. Avez-vous essayé ?

 

A+

[Toniomoricone]

Bonjour,

merci de me répondre, effectivement, pas de problème avec firebug, cependant la génération de la facture fait disparaitre le background-image!

C'est sur la génération du pdf que celà disparait.

 

voici mon code (j'ai essayé aussi avec une url absolue):

<div style="background:url(/img/fond/site.jpg) no-repeat 0 0;">
<!--Commande N° {$order->getUniqReference()} du {$order->date_add|date_format:"%d-%m-%Y %H:%M"} : {$order_detail.product_quantity} x {$order_detail.product_name}-->
{foreach $order_details as $order_detail}
 {foreach $order_detail.customizedDatas as $customizationPerAddress}
  {foreach $customizationPerAddress as $customizationId => $customization}
   <div style="line-height:6px;background-color:#C99C50; border:1px dashed #000000;"">

    <table style="width: 100%;>
    <tr>
	 <td style="width: 50%; text-align: left;">
	  <br/><br/>

	     <font size="12"><b>Facture</b></font> électronique N°{$order->getUniqReference()}
	   <br/>
	     Moment de bien-être : <b>"{$order_detail.product_name}"</b>
	   <br/>

		   {if isset($customization.datas[$smarty.const._CUSTOMIZE_TEXTFIELD_]) && count($customization.datas[$smarty.const._CUSTOMIZE_TEXTFIELD_]) > 0}
		    {foreach $customization.datas[$smarty.const._CUSTOMIZE_TEXTFIELD_] as $customization_infos}
			   <i>{$customization_infos.name} :</i> <b>{$customization_infos.value}</b>
			 {if !$smarty.foreach.custo_foreach.last}
			 <br/>
			 {else}

			 {/if}
		    {/foreach}
		   {/if}
		   {if isset($customization.datas[$smarty.const._CUSTOMIZE_FILE_]) && count($customization.datas[$smarty.const._CUSTOMIZE_FILE_]) > 0}
		    {count($customization.datas[$smarty.const._CUSTOMIZE_FILE_])} {l s='image(s)' pdf='true'}
		   {/if}

		  <br/><br/>
		    valable 6 mois à partir de cette date : {$order->date_add|date_format:"%d-%m-%Y"}
	 </td>
	 <td style="width: 50%">
	 <br/><br/>
	  {if $logo_path}
	   <img src="{$logo_path}" style="width:{$width_logo}px; height:{$height_logo}px; margin:0 10px; vertical-align:middle;"/>
	  {/if}
			 {$shop_address|escape:'htmlall':'UTF-8'}<br />
			 {if !empty($shop_phone) OR !empty($shop_fax)}
			  {l s='For more assistance, contact Support:' pdf='true'}<br />
			  {if !empty($shop_phone)}
			   Tel: {$shop_phone|escape:'htmlall':'UTF-8'}
			  {/if}
			  {if !empty($shop_fax)}
			   Fax: {$shop_fax|escape:'htmlall':'UTF-8'}
			  {/if}
			  <br />
			 {/if}

			 {if isset($shop_details)}
			  {$shop_details|escape:'htmlall':'UTF-8'}<br />
			 {/if}
			 {if isset($free_text)}
			  {$free_text|escape:'htmlall':'UTF-8'}<br />
			 {/if}

	 </td>		
    </tr>

   </table>
   </div>
  {/foreach}
 {/foreach}

<br/><br/>
</div>
{/foreach}

</div>

Edited August 19, 2013 by Toniomoricone (see edit history)

[Toniomoricone]

bon personne...

[stevent]

même problème ! Semble que le background disparaisse à la création du pdf !

[tuk66]

Je ne sais pas si il est possible d'avoir une image d'arrière-plan dans la facture d'origine. Quoi qu'il en soit, vous pouvez le faire dans le modèle du module M4 PDF Extensions de cette façon:

 

I am not sure if it is possible to have an background image in original invoice. Anyway, you can do it in the M4 PDF Extensions module template this way:

 

        @page {
            background-image: url('tpl/my_background_image.jpg');