Afficher un drapeau VENDU quand un produit est Hors stock

[xordixx]

Bonjour à tous !

 

Comme l'indique le titre, l'idée est d'ajouter un bandeau VENDU lorsqu'un produit à un stock de 0 sur Prestashop 1.7.5.

J'ai trouvé ça sur le forum : 

J'ai suivi les instructions mais pour ma part, rien ne s'affiche. Je n'ai pas le thème de base mais il me semble que mon product.TPL est identique : 

{/block}
			{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="product-flag {$flag.type}">{$flag.label}</li>
					{/foreach}
				</ul>
			{/block}

Donc voilà ce que ça donne. J'ai ajouté du CSS avec .product-flags .vendu dans le thème mais toujours rien... 

Mon site c'est heritage-design.fr si jamais quelqu'un veut jeter directement un oeil et le premier plaid dans la catégorie textile est hors stock. 

Auriez vous une idée pour résoudre ce problème ? 

 

Merci d'avance ! 

[xordixx]

up !😃

[Webmain]

Salut, déjà faut voir si les autres 'FLAG' s'affiche.
Donc quand c'est un nouveau produit ou le bandeau promo s'affiche t'il sur le produit ?

[xordixx]

Bonjour, 

Oui les Flags nouveau produit s'affichent mais j'ai désactivé les nouveaux produits en mettant qu'ils sont nouveau pendant 0 jour ... Le bandeau promo s'affiche également mais je l'ai display none et les bandeaux affichant les promos s'affichent bien pas de soucis il y en a plein le site en ce moment.

[xordixx]

UP ⬆️

[xordixx]

Up

[xordixx]

Up

[xordixx]

up 😂

[Aurélia222]

Bonjour,

Par le BO

paramètres de la boutique/produits/stocks des produits

Étiquette pour produits en stock

Étiquette pour produits en rupture de stock avec réassort autorisé

Étiquette pour produits en rupture de stock sans réassort autorisé

[Webmain]

Bonjour,

Ce type de drapeau ?

https://gyazo.com/165425c558591166123c12a65c52d6cc

 

Ton site est super méga lent.

J'ai mon code pour le flag mais surement pas adapté à ton code template.
Voici le bout de code à mettre dans le product.tpl qui se trouve dans le dossier catalogue de ton thème & le fichier product.tpl dans le dossier catalogue/_partial/miniatures

Tu devrais normalement avoir ce type de code dans ces fichiers : 
 

                {block name='product_flags'}
                  <div class="product-flags">
                    {foreach from=$product.flags item=flag}
                      <span class="product-flag {$flag.type}"><span>{$flag.label}</span></span>
                    {/foreach}
                  </div>

                {/block}

& bien tu modifier au niveau de ce code et tu ajoute ça : 
 

 <br>
                    {if ($product.quantity == 0)}
            		<span class="product-flag vendu"><span>VENDU</span></span>
          			{/if}

Ce qui donne : 

                {block name='product_flags'}
                  <div class="product-flags">
                    {foreach from=$product.flags item=flag}
                      <span class="product-flag {$flag.type}"><span>{$flag.label}</span></span>
                    {/foreach}
                    <!-- CI-DESSOUS LE CODE -->
                    <br>
                    {if ($product.quantity == 0)}
            		<span class="product-flag {$flag.type}"><span>VENDU</span></span>
          			{/if}
				<!-- VOILA -->
                  </div>

                {/block}

Le {$flag.type} tu peu le modifier par vendu & ajouter le css avec le code couleur 

 

 

Voila

[xordixx]

23 minutes ago, Aurélia222 said:

Bonjour,

Par le BO

paramètres de la boutique/produits/stocks des produits

Étiquette pour produits en stock

Étiquette pour produits en rupture de stock avec réassort autorisé

Étiquette pour produits en rupture de stock sans réassort autorisé

J'ai essayé, fonctionne pas pour moi =s

 

19 minutes ago, Esh-Network said:

Ton site est super méga lent.

Ah pourtant j'ai 75 sur pagespeed insights... Peut être une petite lenteur ce soir, je regarderai ça.

Pour la suite, je regarde dès ce soir et je vous donne mes retours. 

 

Merci pour vos réponse !

[Stocks B]

On 7/30/2019 at 7:25 PM, Esh-Network said:

Bonjour,

Ce type de drapeau ?

https://gyazo.com/165425c558591166123c12a65c52d6cc

 

Ton site est super méga lent.

J'ai mon code pour le flag mais surement pas adapté à ton code template.
Voici le bout de code à mettre dans le product.tpl qui se trouve dans le dossier catalogue de ton thème & le fichier product.tpl dans le dossier catalogue/_partial/miniatures

Tu devrais normalement avoir ce type de code dans ces fichiers : 
 

                {block name='product_flags'}
                  <div class="product-flags">
                    {foreach from=$product.flags item=flag}
                      <span class="product-flag {$flag.type}"><span>{$flag.label}</span></span>
                    {/foreach}
                  </div>

                {/block}

& bien tu modifier au niveau de ce code et tu ajoute ça : 
 

 <br>
                    {if ($product.quantity == 0)}
            		<span class="product-flag vendu"><span>VENDU</span></span>
          			{/if}

Ce qui donne : 

                {block name='product_flags'}
                  <div class="product-flags">
                    {foreach from=$product.flags item=flag}
                      <span class="product-flag {$flag.type}"><span>{$flag.label}</span></span>
                    {/foreach}
                    <!-- CI-DESSOUS LE CODE -->
                    <br>
                    {if ($product.quantity == 0)}
            		<span class="product-flag {$flag.type}"><span>VENDU</span></span>
          			{/if}
				<!-- VOILA -->
                  </div>

                {/block}

Le {$flag.type} tu peu le modifier par vendu & ajouter le css avec le code couleur 

 

 

Voila

salut Esh-Network !

ton code m interesse vachement !  le seul hic ... je bosse avec des declinaisons , du coup 2 questions (oui j'en profite je sais) lol

- quel type de variable ajouter pour tenir compte des declinaisons ?

- ou changer le css pour ce flag : car je souhaite changer la couleur et la forme 

Merci d'avance !