Jump to content

Ajouter un logo "solde " sur produits phares

jeronicoz
 Share

Recommended Posts

  • 10 months later...
spawns Newbie

spawns

Posted
Posted

Personne n'a trouvé de solution pour ce problème ?
car je serai intéressé également.
Je résume :
lorsque l'on coche en solde dans la fiche produit que le logo solde apparaisse également sur la page ou le module "produits phares" est en place.

Link to comment
Share on other sites
  • 2 weeks later...
  • 2 weeks later...
  • 2 weeks later...
  • 3 months later...
Atch Newbie

Atch

Posted
Posted

il faut aller chercher l'info s'il y a un un prix réduit dans la liste.

Comment je procède. Ci dessous la ligne de code que j'ai ajouté dans homefeatured.tpl pour faire apparaitre une image "promotion" dans la langue sélectionnée.

{if $product.reduction}{/if}


Rendu : Voir photo ci-jointe.

V++

Atch

  • Like 1
Link to comment
Share on other sites
CoYaN Newbie

CoYaN

Posted
Posted

Je suis vraiement désolé mais je n'y arrive pas.

J'ai un peu cherché sur la superposition d'image mais rien de bien compréhensible.

Sans paraître chiant, serait-il possible d'avoir des explications car je ne sais même pas ce qu'il faut mettre dans le css.

Merci d'avance.

Link to comment
Share on other sites
Atch Newbie

Atch

Posted
Posted

Bonsoir

@minirj01 : merci ;)

@CoYaN : chaque cas est particulier car si tu as le template d'origine, ça ne s'appliquera pas pareil si tu copies intégralement.

mais en gros. sur l'image produit j'attribue un "position:relative" (dans mon cas elle est dans la balise ) et si tu veux que l'image "promo" superpose en haut à gauche de l'image produit il faut lui attribuer un (position : absolute avec un top et left=0)

j'suis pas bon pédagogue lol

V++

Atch

Link to comment
Share on other sites
Djweb75 Newbie

Djweb75

Posted
Posted

Petit soucis d'inscrustation !!

<!-- MODULE Home Featured Products -->

{l s='featured products' mod='homefeatured'}
   {if isset($products) AND $products}

           {assign var='liHeight' value=360}
           {assign var='nbItemsPerLine' value=12}
           {assign var='nbLi' value=$products|@count}
           {assign var='nbLines' value=$nbLi/$nbItemsPerLine|ceil}
           {assign var='ulHeight' value=$nbLines*$liHeight}

           {foreach from=$products item=product name=homeFeaturedProducts}

{$product.name|truncate:110:'...'|escape:'htmlall':'UTF-8'}

{$product.description_short|strip_tags|truncate:130:'...'}
{if $product.reduction}{/if} 
getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.legend|escape:htmlall:'UTF-8'}" />

                       {if !$priceDisplay || $priceDisplay == 2}
{convertPrice price=$product.price}{if $priceDisplay == 2} {l s='+Tx' mod='homefeatured'}{/if}{/if}
                       {if $priceDisplay}
{convertPrice price=$product.price_tax_exc}{if $priceDisplay == 2} {l s='-Tx' mod='homefeatured'}{/if}{/if}
{l s='View' mod='homefeatured'}
                       {if ($product.quantity > 0 OR $product.allow_oosp) AND $product.customizable != 2}
{l s='Add to cart' mod='homefeatured'}
                       {else}
{l s='Add to cart' mod='homefeatured'}
                       {/if}


           {/foreach}


   {else}

{l s='No featured products' mod='homefeatured'}
   {/if}

<!-- /MODULE Home Featured Products -->




et voilà mon homefeatured.tpl !!! je n'arrive pas à comprendre la façon dont on procède pour inscruster l'image promo dans une autre image !

merci bien

12369_PaXL1bYQZUtcAAlY3clz_t

Link to comment
Share on other sites
Djweb75 Newbie

Djweb75

Posted
Posted
Allez, comme j'ai un peu été coincé je te donne la solution.

Ton met ton bout de code juste parès ces lignes là (ligne 16) :

class="product_desc">{$product.description_short|strip_tags|truncate:130:'...'}

ensuite dans ton css de thème :

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

Cela devrait fonctionner


je dois être un peu bête ma parole !!

avec firebug j'arrive pas à trouver l'emplacement, et dès que je trouve quoi que ce soit, dès que j'insère le code, j'ai perdu mon css, même en supprimant le code et enregistrer, faut que je restaure la copie de mon css !!

y'a pas de tutos pour ce maudit firebug quelque part ?
Link to comment
Share on other sites
  • 4 weeks later...
Chris25 Newbie

Chris25

Posted
Posted

Salut,
Djweb75 a tu réussis faire tes modifs?

Pour ma part j'ai suivi scrupuleusement les indications d'Atch et de CoYan, j'ai "galéré" pour trouver ou mettre "img_promofeat { position: absolute; background-position: left top=0; }" dans le global.css.
Finalement je l'ai inséré juste après :
/* Styles for products blocks */
/* block products (new, features, viewed, etc...) on left and right column */

Et cela fonctionne nickel merci à eux.

Link to comment
Share on other sites
Chris25 Newbie

Chris25

Posted
Posted

Oui c'est bien ce qui me semblait au début mais à chaque fois j'avais des décalages dans les produits affichés.
Et en le plaçant la ou je l'ai indiqué tout fonctionne...
Je précise que c'est sur une installation en local sous Wampserver 2.0.

Merci!

Link to comment
Share on other sites
  • 4 months later...
criss1980 Newbie

criss1980

Posted
Posted

Bonsoir,

J'ai suivi la marche à suivre et c'est parfait, tout est ok avec FF et Safari mais ...

Avec IE les images ne se superposent pas :-S , le logo promo se met a droite de la photo de l'article.

Comment cela se fait il????

Merci pour vos réponses

Link to comment
Share on other sites
  • 2 months later...
stevenhab Newbie

stevenhab

Posted
Posted

Bonsoir,

je cherche à faire la meme chose mais pour avoir un bandeau NEW! sur les nouveaux produits du modules produits phares et dans la liste des produits (sur une catégorie par exemple)

Comment puis-je procéder svp ?

Merci d'avance pour votre aide.

Link to comment
Share on other sites
stevenhab Newbie

stevenhab

Posted
Posted

Merci pour ta réponse,

je n'y arrive pas, voici ce que j'ai fait :

dans le fichier .tpl : jai placé le code suivant :

                    {if $product.new}{/if}



juste après ce code :

getImageLink($product.link_rewrite, $product.id_image, 'home')}" height="{$homeSize.height}" width="{$homeSize.width}" alt="{$product.legend|escape:htmlall:'UTF-8'}" />



mon images est dans le dossier /img

dans mon css, à la fin du fichier j'ai :

.img_new { position: absolute; background-position: right top=0; 
}



Résultat: j'ai une image avec un gros point d'intérogation superposé sur les autre images :)

Merci d'avance pour vos réponses :)

Link to comment
Share on other sites
Divine Community Regular

Divine

Posted
Posted

Si tu as un point d'interrogation c'est que Presta n'arrive pas à trouver ton image. Donc soit tu as buggé au niveau du nom de l'image soit tu ne l'as pas mise dans le bon dossier.
Essaye plutôt de mettre ton image dans le dossier img de ton thème.

Link to comment
Share on other sites
Divine Community Regular

Divine

Posted
Posted

Alors après relecture de ton code je crois savoir ce qui ne va pas.

Donc change ton code:

{if $product.new}{/if}



et mets celui-ci à la place:

{if $product.new}{/if}



Conserve ton image dans le dossier img de ton thème.

Link to comment
Share on other sites
CoYaN Newbie

CoYaN

Posted
Posted

Moi j'ai dans le css du thème :

.img_new { position: absolute; background-position: right top=0;
}

Dans le tpl HomeFeatured :
Après les lignes 15-16

{$product.name|escape:htmlall:'UTF-8'|truncate:35}

{$product.description_short|strip_tags:htmlall:'UTF-8'|truncate:130}



J'ai rajouté ça :

{if $product.reduction}{/if}

Link to comment
Share on other sites
  • 3 months later...
  • 4 months later...
  • 3 weeks later...
linkerdsi-r4 Newbie

linkerdsi-r4

Posted
Posted

Bonjour !

Voila j'ai un soucis je n'arrive pas à afficher le logo promo que j'ai crée dans les blocs produits phares. Je précise que certains produits dans le bloc pdt phares possèdent bien des promotion. J'ai inséré le code dans le fichier .tpl puis l'autre dans le global.css du thème. J'ai ensuite ajouté l'image correspondante dans les dossiers /img et themes/presta/img que j'ai appelé promo.gif

Le probleme : rien ne s'affiche

Merci de votre aide !

Link to comment
Share on other sites
  • 2 months later...
cedrickb Newbie

cedrickb

Posted
Posted

Bonjour à tous,

Je cherche à ajouter le logo "en solde" sur les différentes pages de mon site.
j'ai donc ajouté le code suivant (par exemple sur ma page manufacturer.tpl)

{if $product.reduction}

{/if}


Mais les produits qui sont sélectionnés "En solde" dans mon BO n'affichent pas cette image...

Par contre lorsque j'enlève la condition if, mon image s'affiche bien (bon elle s'affiche sur tous les produits, mais c'était pour vérifier que l'image s'affichait bien), je suppose donc que mon problème vient du if... si quelqu'un a une idée je suis preneur!!

Merci d'avance pour votre aide.

A+

Cédrick

EDIT:
J'ai trouvé la solution, il faut remplacer 

{if $product.reduction}

par 

{if $product.on_sale}

Link to comment
Share on other sites
  • 4 months later...
shaka Newbie

shaka

Posted
Posted

Bonjour,

 

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 ?

Link to comment
Share on other sites
  • 1 year later...

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
Go to topic listing
×
×
  • Create New...