recherche module pour afficher bandeau sur les photos

[phil3001]

Bonjour,

existe t'il un module même payant qui permette d'afficher un bandeau sur la photo principale de mon produit que je pourrai personnalisé avec le texte ou l'image de mon choix ?

j'aimerai afficher 'promotion' ou 'nouveauté" etc...


je vous joint une image afin que vous compreniez bien

Merci d'avance

[Jacques Biais]

Bonsoir, cela ce fait simplement avec quelques propriétés CSS, une image placée dans une div margin-left: 0;
position: absolute; par exemple.

[bateau34]

JE confirme quelques manip css est le tour est joué

[phil3001]

Bonjour,

je reviens sur ce thread car j'ai beau essayer je n'y arrive pas

j'aimerai en faites trouver un module qui me permet lorsque je met en vente un produit ou par lots de produit, pouvoir choisir de mettre un gif sur ma photo avec pour choix promo, nouveauté, solde ou autres


il existe rien pour faire ce genre de chose ?

merci

[foxtoto2000]

cela m'interesse egalement.
car il serait interessant d'avoir unmodule pour configurer les produits sur lesquels on le mettrait en place

[ava-amara]

La question est pertinente mais les réponses en manquent.

Pouvez-vous détailler les "manips" ?

Ou proposer un module ?

[nicolasroy4]

Up ! Je cherche à faire la même chose sous prestashop 1.5 . Peut etre peut on utiliser les bandeaux "Nouveau" qui apparaissent maintenant et développer.... Ce qui serait top c'est que dans le backoffice on puisse cocher "Nouveau", "Exclusif", "En promotion", etc et que le bandeau correspondant apparaisse.

[julien51]

Nicolas se rapproche de la chose ,

Je pense que se soit possible de développer le module nouveau .

Je regarderais ce soir si il y a quelque chose à faire .

Cordialement Julien

[Melki-Tsedeq]

Bonjour,

 

Il y a un module qui existe déjà qui est développé par Alex qui pourrait correspondre à votre recherche.

 

Module Payant : OnSale Pro

 

Je vous invite à y jeter un œil pour voir si cela correspond à ce que vous recherchez.

 

Cordialement,

Melki-Tsedeq

[nicolasroy4]

Melki-Tsedeq : C'est un peu ce principe au détail prés que dans ce module, il s'agit toujours de la même image, et que l'on modifie le texte à l'intérieur. Personnellement je dois pourvoir afficher un bandeau avec une couleur différente. Le module n'a pas l'air de proposer cela.

Julien51: Tu penses avoir trouvé quelque chose de faisable?

[Melki-Tsedeq]

Bonjour Nicolas,

 

Je vous confirme que vous pouvez choisir avec ce module n'importe quelle image prédéfini ou téléchargez votre propre image sans pour autant utiliser des textes. Il est également possible de choisir la position d'une image ou d'un texte et utiliser des variables dynamiques.

 

Pour afficher des bandeaux de différentes couleurs ce module est tout à fait étudié pour le faire.

 

Par contre je vois que votre recherche concerne la 1.5 de PrestaShop et je ne sais pas si le développeur à réalisé une mise à jour de son module pour la 1.5.

 

Pour ce que vous souhaitez faire cela est tout à fait réalisable avec un peu de développement mais va demander un petit peu de temps à celui qui se lancera dans la réalisation de cette option.

 

Vous pouvez également le soumettre à la Team PrestaShop afin qu'il intègre cette option dans leur future version.

 

Cordialement,

Melki-Tsedeq

[nicolasroy4]

Bonjour à tous,

 

J'ai trouvé une solution simple et efficace pour notre problème: utiliser les caractéristiques d'un produit.

Dans le BackOffice, créez une nouvelle caractèristique "Bandeau" par exemple, associez lui les valeurs que vous souhaitez, puis dans le code, rajoutez le code ci-dessous qui est entre les limites "Banner", en le personnalisant pour votre site. Voici pour le product-list.tpl, à ajouter juste sous l'image.

 

 <a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}">
<img 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} />


<!-- Banner -->

{if isset($product.features)}
		 {foreach from=$product.features item=features name=feature}
			 {if $features.id_feature == 7 && $features.value == 'Exclusif'}
				 <div class="banner"><img src="{$img_ps_dir}banner_exclusif.png" /></div>
			 {elseif $features.id_feature == 7 && $features.value == 'Discount'}
				 <div class="banner"><img src="{$img_ps_dir}banner_discount.png" /></div>
			 {elseif $features.id_feature == 7 && $features.value == 'News'}
				 <div class="banner"><img src="{$img_ps_dir}banner_news.png" /></div>
			 {elseif $features.id_feature == 7 && $features.value == 'Buy 1 Get 1'}
				 <div class="banner"><img src="{$img_ps_dir}banner_buy1get1.png"/></div>
			 {/if}
		 {/foreach}
	   {/if}

<!-- FIN  Banner -->
							</a>

 

Et pour la page product.tpl:

 

 

{if $have_image}
<span id="view_full_size">
<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}" {if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}" />
<span class="span_link">{l s='View full size'}</span>


<!-- Banner -->

{if isset($features)}
		 {foreach from=$features item=feature name=feature}
			 {if $feature.id_feature == 7 && $feature.value == 'Exclusif'}
				 <div class="banner"><img src="{$img_ps_dir}banner_exclusif.png" /></div>
			 {elseif $feature.id_feature == 7 && $feature.value == 'Discount'}
				 <div class="banner"><img src="{$img_ps_dir}banner_discount.png" /></div>
			 {elseif $feature.id_feature == 7 && $feature.value == 'News'}
				 <div class="banner"><img src="{$img_ps_dir}banner_news.png" /></div>
			 {elseif $feature.id_feature == 7 && $feature.value == 'Buy 1 Get 1'}
				 <div class="banner"><img src="{$img_ps_dir}banner_buy1get1.png"/></div>
			 {/if}
		 {/foreach}
	   {/if}

<!-- FIN  Banner -->


</span>
{else}
<span id="view_full_size">
<img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
<span class="span_link">{l s='View full size'}</span>


<!-- Banner -->

{if isset($features)}
		 {foreach from=$features item=feature name=feature}
			 {if $feature.id_feature == 7 && $feature.value == 'Exclusif'}
				 <div class="banner"><img src="{$img_ps_dir}banner_exclusif.png" /></div>
			 {elseif $feature.id_feature == 7 && $feature.value == 'Discount'}
				 <div class="banner"><img src="{$img_ps_dir}banner_discount.png" /></div>
			 {elseif $feature.id_feature == 7 && $feature.value == 'News'}
				 <div class="banner"><img src="{$img_ps_dir}banner_news.png" /></div>
			 {elseif $feature.id_feature == 7 && $feature.value == 'Buy 1 Get 1'}
				 <div class="banner"><img src="{$img_ps_dir}banner_buy1get1.png"/></div>
			 {/if}
		 {/foreach}
	   {/if}

<!-- FIN  Banner -->

</span>
{/if}

 

 

Ensuite, pour le css, je vous conseille de lui appliquer le code suivant pour l'afficher en haut à droite de l'image:

 

position: absolute;
top: 0px;
right: 0px;
height: 0px;

Edited October 22, 2012 by nicolasroy4 (see edit history)