Jump to content
ext231@gmail.com

afficher VENDU sur la photo d'un produit dont le stock est à 0

Recommended Posts

Salut à tous,

 

Je cherchais un module (prestashop 1.7)  pour "afficher VENDU sur la photo du produit"... sans succès.

 

Finalement, en m'inspirant de ce post
https://www.prestashop.com/forums/topic/59840-resolu-module-pour-afficher-vendu-sur-la-photo-du-produit/

 

j'ai résolu le problème comme suit, pour le thème Classic par défaut de prestashop 1.7:

 

Modification du fichier 'product.tpl' :

/themes/classic/templates/catalog/_partials/miniatures/product.tpl

 

ajout du code:

{if ($product.allow_oosp OR $product.quantity == 0)}

 <li class="vendu">Vendu</li>{/if}
 
dans le bloc 'product_flags'
code après le changement:
 
   {block name='product_flags'}
      <ul class="product-flags">
        {if ($product.allow_oosp OR $product.quantity == 0)}
        <li class="vendu">Vendu</li>{/if}
        {foreach from=$product.flags item=flag}
          <li class="{$flag.type}">{$flag.label}</li>
        {/foreach}
      </ul>
    {/block}
 
il ne rest plus qu'a faire une class 'vendu' dans les css pour gérer l'apparence du flag
... et hop, plus besoin de module !
 
 

Share this post


Link to post
Share on other sites

et donc, quelle est la question ?

 

PS : en l'état, vous allez afficher vendu également si vous acceptez les commandes hors stock, même si le stock est positif.

Share this post


Link to post
Share on other sites

et donc, quelle est la question ?

 

PS : en l'état, vous allez afficher vendu également si vous acceptez les commandes hors stock, même si le stock est positif.

Pas de question, juste cette astuce à partager !

 

au sujet des commandes hors stock, c'est à cause du $product.allow_oosp ?

je ne connais pas son utilité et je l'ai juste copié/coller (bêtement)

Share this post


Link to post
Share on other sites

c'est ça

allow_oosp correspond à la valeur de "en cas de rupture de stock" refuser/accepter

du moins, en 1.6 

Je ne sais pas comment c'est présenté dans l'admin de 1.7

Share this post


Link to post
Share on other sites

Merci pour l'info !

 

J'ai modifié mon code pour virer cette condition, on affiche un flag 'vendu' uniquement si la quantité du produit est à 0

 fichier 'product.tpl' :

/themes/classic/templates/catalog/_partials/miniatures/product.tpl

 

ligne 67:

    {block name='product_flags'}
      <ul class="product-flags">
        {if ($product.quantity == 0)}
        <li class="vendu">Vendu</li>{/if}
        {foreach from=$product.flags item=flag}
          <li class="{$flag.type}">{$flag.label}</li>
        {/foreach}
      </ul>
    {/block}

et tant qu'on y est, la classe 'vendu' dans la css (à adapter en fonction du templates)

.product-flags .vendu {
    display:block;
    position:absolute;
    left:-.4375rem;
    top:.4375rem;
    padding:.3125rem .4375rem;
    color:#fff;
    background:#2fb5d2;
    text-transform:uppercase;
    min-width:200px;
    min-height:1.875rem;
    font-size:1rem;
    font-weight:600;
    box-shadow:2px 2px 11px 0 rgba(0,0,0,.1);
    z-index:1;
    border-radius: 4px 0 4px 0;
}

Share this post


Link to post
Share on other sites

BONJOUR

LES LIGNE SI DESSUS SONT POUR DU 1.6 OU 1.7 

ET SI SUR 1.6 SUR QUEL THEME L AVEZ VOUS FAIT ?

MERCI

Share this post


Link to post
Share on other sites

bonnjour, dans quel css il faut mettre cela

 

.product-flags .vendu { display:block; position:absolute; left:-.4375rem; top:.4375rem; padding:.3125rem .4375rem; color:#fff; background:#2fb5d2; text-transform:uppercase; min-width:200px; min-height:1.875rem; font-size:1rem; font-weight:600; box-shadow:2px 2px 11px 0 rgba(0,0,0,.1); z-index:1; border-radius: 4px 0 4px 0; }

 

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More