[RESOLU] Ajouter un petit bandeau en travers (en : EN PROMO) sur les produits en promo

[benj0612]

Bonsoir la room,

Je souhaiterais ajouter un bandeau en traver, pas sur la photo mais sur le cadre d'une activité en promotion.

Il faudrait que dès que le produit soit en promotion, ce bandeau apparaisse.

Un résultat en pièce jointe.

Merci par avance de vos réponses.

Benj'

[Divine]

Bonsoir,

Sujet déjà traité, une petite recherche et hop :

http://www.prestashop.com/forums/viewthread/2764/P0/developpement/ajouter_un_logo__quotsolde__quot_sur_produits_phares

[benj0612]

Et pourtant j'avais cherché.
Merci Divine.

[benj0612]

Je n'y suis pas parvenu.

Précision par rapport au topic proposé, je ne souhaite pas que cela apparaisse dans les produit phare, dès qu'un produit est en promo il faudrait ce "bandeau".

Un descriptif (clair) ?

Merci d'avance.

[Divine]

C'est la même manipulation sauf qu'en plus des produits phares, tu le fais sur les listes de produits donc en plus du fichier homefeatured.tpl, il faut aussi le faire dans le fichier product-list.tpl

[benj0612]

Quand on connais ça parrait toujours facile

Donc je devrais :
1- créer un fichier image, exemple "promo.gif" que je met dans le dossier "img"

2- dans "product-list.tpl" ET "homefeatured.tpl" je dois ajouter (Peut importe l'endroit où tu le places ?) :

{if $product.reduction}{/if}

3- Un membre conseil ensuite d'ajouter le code juste après ces lignes là (~ligne 16) :

class=“product_desc”>{$product.description_short|strip_tags|truncate:130:’…’} 

Et ensuite dans ton css "global.css" de thème :

.img_promo { position: absolute; background-position: left top=0; 
}

4- Quelque chose cloche ?

[Divine]

Alors pour la première partie tout me semble ok excepté le nom de ton image.
Tu ne peux pas nommer ton image fr/promo.gif car ce nom sera tout simplement refusé à cause du slash.

Donc il faut plutôt faire comme ceci:

{if $product.reduction}{/if} 

Et tu nommes ton image "promo_fr.gif" pour le français, "promo_en.gif" pour l'anglais etc...

Tu peux effectivement placer ce code là où tu le mentionnes.
En fait selon l'endroit où tu placera le code, tu devra jouer avec le css différemment pour bien placer ton image.

A toi après de voir ce qui te convient le mieux.

[benj0612]

.img_promo_fr { 
   position: absolute; background-position: left top=0; 
   outline: none;
   border: none;
   margin-top: 0px;
   margin-left: -420.1px;
   margin-top: -50px;
   text-decoration: none;
}

J'ai ajouté ça dand le css, à modifier selon vos envies.

Merci

ine

B'

[Divine]

Héhé de rien benj'

[shaka]

Bonjour,

dans le même style avec un bandeau "produit épuisé" ? c'est ok pour le produc.tpl mais impossible d'obtenir l'effet dans le product-list.tpl

J'ai bien essayé de modifier avec

{if $product->quantity == 0}

{/if}

mais je pense que je le place au mauvais endroit.. une idée ?

[Divine]

Hello,

Essayes avec $product.quantity au lieu de $product->quantity

[shaka]

Effectivement, ça marche mieux, l'image apparait bien ... par contre, ca met le wild dans la liste.
où dois-je copier ce code ? J'ai essayé comme ça, sans trop de succès..

{if ($product.allow_oosp OR $product.quantity > 0)}{l s='Available'}{else}{l s='Out of stock'}{/if}


{if $product.quantity == 0}

{/if} 

[Divine]

Euuuh, je ne vois pas ce que tu veux dire...
Aurais-tu un lien vers ton site que je vois ça ?

[shaka]

Sur ma home page, en modifiant le homefeatured.tpl j'affiche le bandeau "promotion".

je voudrais ajouter à ce bandeau, une image signalant qu'il s'agit des dernières pièces. J'ai donc ajouté juste après ce code :

{if ($product.quantity}{/if}

... mais sans succès. Je pense qu'il faudrait que les conditions se cumulent.

Une idée ?

{if $product.reduction}{/if} 

[shaka]

Bonjour,

L'affiche du bandeau promo dans homefeatured.tpl fonctionne nickle avec

{if $product.reduction}


{/if} 

Je vous voudrais donc mettre un bandeau "épuisé" et "dernières pièces". J'ai essayé sans succès le code suivant mis dans

{if ($product.quantity}


{/if}


{if $product.quantity == 0}

{/if}

une idée ?

[shaka]

Bj,

 

je reviens à la charge avec une petite question pour les pros du php.

J'arrive à afficher mon bandeau pour les articles soldés.

Je souhaite maintenant afficher un bandeau pour les articles "sold-out" et "dernières pièces".

 

Le code pour ma homefeatured.tpl est le suivant ( mais ne fonctionne que pour les PROMOS) :

 

{if $product.reduction}

<div class="img_promo">

<a href="{$product.link}" title="{$product.name|truncate:25:'...'|escape:'htmlall':'UTF-8'}">

<img src="{$img_dir}/promo_bandeau.png" alt="{l s='promotion' mod='blockspecials'}"></a></div>{/if}

 

{if $product.quantity == 0}

<div class="img_backorder"><a href="{$product.link}" title="{$product.name|truncate:25:'...'|escape:'htmlall':'UTF-8'}">

<img src="{$img_dir}/bandeau_soldout.png"></a></div></div>

{/if}

 

Une idée ?

[Tchupa]

Bonjour,

 

je suis sous la 1.4.4.1 est j'ai beau retourner mon tpl dans tous les sens, j'ai recommencé a plusieurs reprise suivant les instructions de ce topic mais ça ne veut pas fonctionner.

[Franck K.]

Bonjour,

 

il existe aussi le module suivant que j'ai spécialement développé dans le but d'afficher les promotions (pourcentage et montant) sur les images produits : http://addons.prestashop.com/fr/prix-promo-modules-prestashop/7244-nps-labels-de-promotions.html

 

Le module permet d'afficher la promotion du produit, automatiquement, mais aussi un texte personnalisé.

 

Cela vous permet de ne pas toucher au code de votre boutique, et le module est compatible avec toutes les versions de Prestashop depuis la 1.4.0.

 

Je reste à disposition si vous avez la moindre question.

 

Bonne journée et bonne année =).

[CaroZ]

Nephila,

 

Bonjour,

 

Je viens d'acheter le module .. mais je ne suis pas sûre qu'il corresponde en fait à ce dont j'ai besoin.

Vous pouvez me contacter ? 

caroline @ zoli.fr

 

Merci

[bruco]

bonjour je viens d acheter le module mais j ai un petit soucis lorsque je vais sur la page de l article en promotion il n est pas visible je dois rafraîchir la page pour voir le bandeau apparaitre auriez vous une solution a mon problème je suis sur prestashop 1,6 merci de votre réponse.