Jump to content

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.

Link to comment
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.

Link to comment
Share on other sites

  • 5 months later...

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}

Link to comment
Share on other sites

  • 3 weeks later...

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

Link to comment
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
×
×
  • Create New...