Jump to content

[Résolu] Affichage De L'état Du Produit Dans L'image (Neuf Ou Occasion)


 Share

Recommended Posts

Bonjour à tous,

 

si je suis dans le mauvais topic je m'en excuse par avance. Je souhaite afficher l'état de l'article que je vends directement sur l'image. Cela permet une meilleure visibilité.

 

Ayant cherché un peu avant de poster j'ai trouvé cela: http://www.prestasho...uf-ou-occasion/

 

Mais je n'arrive pas à le mettre en place, donc je ne sais pas si c'est réellement ce que je souhaite.

 

Si quelqu'un pouvait me venir en aide.

 

Merci d'avance!

Edited by okazvente (see edit history)

Share this post


Link to post
Share on other sites

Oui, voici un exemple sur lequel j'aimerai ajouter le logo "occasion" bien visiblement sur l'image:

http://www.okazvente.fr/ps3/2213-need-for-speed-carbon-ps3-5030931052842.html

Et par exemple ici un logo "Neuf":

http://www.okazvente.fr/ps-vita/2686-resistance-burning-skies-ps-vita-0711719237433.html

Edited by okazvente (see edit history)

Share this post


Link to post
Share on other sites

Dans ton fichier product.tpl, tu dois pouvoir insérer un bout de HTML juste après la balise <span id="view_full_size"> :

{if $product->condition=="new"}<div id="etat_produit">
  <img src="{$img_dir}neuf.png" alt="Neuf" /></div>
 {elseif $product->condition=="used"}<div id="etat_produit">
  <img src="{$img_dir}occasion.png" alt="Occasion" /></div>
 {elseif $product->condition=="refurbished"}<div id="etat_produit">
  <img src="{$img_dir}reconditionne.png" alt="Reconditionne" /></div>
 {/if}

 

Ensuite, tu modifies ta CSS pour ajouter "position:relative" à #view_full_size et "position:absolute;left:10px;top:10px" à #etat_produit

Share this post


Link to post
Share on other sites

Pour le #etat_produit c'est bon, merci!

 

Par contre le #view_full_size n'est jamais seul, il y a toujours quelque chose juste avant...

Est-ce normal qu'un cadre gris s'ajoute à l'image de létat? Il y est aussi pour l'image du produit mais c'est normal, mais pour l'image de l'état comment l'enlever?

Share this post


Link to post
Share on other sites

Cela commence à réellement prendre forme, j'ai bien ajouté le #view_full_size mais je ne vois pas de différence :huh:

 

Pour la bordure cela ne fonctionne pas (ou alors j'ai mal fait la chose)

 

Finalement j'ai plutôt décidé de laissé l'image de l'état au dessus, cela reste bien visible, merci pour tout Samy_R! :)

Share this post


Link to post
Share on other sites

  • 3 years later...

Dans ton fichier product.tpl, tu dois pouvoir insérer un bout de HTML juste après la balise <span id="view_full_size"> :

{if $product->condition=="new"}<div id="etat_produit">
   <img src="{$img_dir}neuf.png" alt="Neuf" /></div>
  {elseif $product->condition=="used"}<div id="etat_produit">
   <img src="{$img_dir}occasion.png" alt="Occasion" /></div>
  {elseif $product->condition=="refurbished"}<div id="etat_produit">
   <img src="{$img_dir}reconditionne.png" alt="Reconditionne" /></div>
  {/if}

Ensuite, tu modifies ta CSS pour ajouter "position:relative" à #view_full_size et "position:absolute;left:10px;top:10px" à #etat_produit

 

Bonjour,

 

Je déterre ce sujet car je suis bien arrivé a mettre en place les codes de programmation dans les différents fichier et l'image du statu Neuf ou occasion s'affiche.Sauf que l'image est systématiquement agrandi lors de l'affichage du product.tpl et je n'arrive pas a réduire sa taille pour obtenir un affichage correct ,j'ai réduit la taille de l'image a 63 x 29 pixels . 

merci d'avance pour votre aide.

 

stf4

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