Jump to content

[Astuce] Image supplémentaire dans la fiche produit


Recommended Posts

Bonjour,

 

J'avais besoin d'indiquer à mes client un frais de port très particulier pour une série d'article en fonction de leur poids.

Plutôt que de monter une machine à gaz dans les catégories et les transporteurs, j'ai rajouter 2 conditions dans product.tpl et product-list.tpl, et j'ai créé 2 images : port_190.gif et port350.gif que j'ai posé dans mon thème dossier img.

 

les lignes à insérer sont entre commentaires et les autres ce sont les lignes d'origine, je ne donne pas de numéro de ligne car ça change en fonction des thèmes.

 

product-list.tpl :

<div class="right_block">
<span class="price" style="display: inline;">
<!-- Début de la modification --> 			
{if $product.weight < 0.0861}
<img style="margin-top:-5px;" align = "left" src="{$img_dir}port_190.gif" alt="{l s='Shipping 1.90�'}" class="on_sale_img"/>
{/if}
{if $product.weight > 0.0861 AND $product.weight < 0.1491}
<img style="margin-top:-5px;" align = "left" src="{$img_dir}port_350.gif" alt="{l s='Shipping 3.50�'}" class="on_sale_img"/>
{/if}
<!-- Fin de la modification -->
{if $product.on_sale}
<img style="margin-top:-5px;" align = "left" src="{$img_dir}onsale_{$lang_iso}.gif" alt="{l s='On sale'}" class="on_sale_img"/>
{/if}
</span>

 

 

product.tpl:

<!-- Début de la modification -->  
{if $product->weight < 0.0861}
<img src="{$img_dir}port_190.gif" alt="{l s='Shipping 1.90�'}" class="on_sale_img"/>
{/if}
{if $product->weight > 0.0861 AND $product->weight < 0.1491}
<img src="{$img_dir}port_350.gif" alt="{l s='Shipping 3.50�'}" class="on_sale_img"/>
{/if}
<!-- Fin de la modification -->
{if $product->on_sale}
<img src="{$img_dir}onsale_{$lang_iso}.gif" alt="{l s='On sale'}" class="on_sale_img"/>
<span class="on_sale">{l s='On sale!'}</span>
{elseif $product->specificPrice AND $product->specificPrice.reduction AND $productPriceWithoutRedution > $productPrice}
<span class="discount">{l s='Reduced price!'}</span>
{/if}

 

 

Et je vous joins deux images pour le résultat.

 

Bonne continuation.

post-57473-0-88676000-1339054941_thumb.jpg

post-57473-0-90136200-1339054947_thumb.jpg

  • Like 1

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