Jump to content
Sign in to follow this  
huner

Affichage image "en solde" sur les images produits

Recommended Posts

Bonjour

je souhaite faire une petite modification sur mes images produits j'ai trouver sur le forum un moyen d'afficher une icône en solde directement sur les images produits malheureusement cela ne fonctionne que sur les versions 1.2.X et 1.3.x

je souhaiterais pouvoir le faire en version 1.4.3.0

quelqu'un la t'il fait fonctionner sur cette version ?

pourriez vous partager votre procédure ? sur les fichier homefeatured.tpl product-list.tpl et voir même sur product.pl.

Cordialement.

Share this post


Link to post
Share on other sites

Bonjour,

 

Si ca ne vous derange pas d'acheter un module, je vous conseille le module sticker pro que vous pouvez directement trouver sur add on prestashop.

 

c'est un peu cher mais ca rend de très grand service car vous pouvez ajouter un bandeau sur les images avec votre png de votre choix sur n'importe quel produit.

Share this post


Link to post
Share on other sites

voila ce que j'ai fait :

dans le fichier product-list.tpl

 

a un endroit , j'ai rajouté

<img class="picto" src="{$img_dir}img-solde.png"/>

 

 

par contre il faut ensuite le caler dans ton css et mettre un z-index pour que ton image soit au dessus de l'image produit

 

je sais que sur ce point j'avais galéré...tout depend de ton theme..

 

voici l'endroit dans le fichier tpl, selon ton theme tu n'aura peut etre pas la meme chose ,

grosso modo , si le produit est coché en solde , tu affiche l'image

 

  {if isset($product.on_sale) && $product.on_sale && isset($product.show_price) && $product.show_price && !$PS_CATALOG_MODE}
  <p>
<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" >
<img class="product_image" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />
</a>
<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" >
<img class="picto" src="{$img_dir}img-solde.png"/>
</a>
  </p>

  {else}
<p>
<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link">
<img class="product_image" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}"  {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} />
</a>
<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" >
</a>
  </p>
  {/if}

Share this post


Link to post
Share on other sites

Salut Ultraxa,

 

Je suis arriver à faire ce que tu as dit par contre j'ai l'image en solde qui recouvre complètement l'image produit.

Je pense que je dois modifier ça dans mon CSS mais je ne vois pas quelle ligne modifier.

 

J'ai rajouter ceci :

{if $product.on_sale}

<img class="picto" src="{$img_dir}onsale_fr.gif"/>

 

J'ai bien l'image en solde qui s'affiche par dessus mais comment créer une ligne sur le CSS pour pouvoir modifier la taille de l'image ?

 

Merci

Share this post


Link to post
Share on other sites

la taille de ton image est peut etre trop grande

met la taille de ton image voule avec width et height dans ta ligne de code

 

<img class="picto" src="{$img_dir}onsale_fr.gif" style:"witdh:10px;height:10px;"/>

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
Sign in to follow this  

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More