Mettre en valleur le premier produit de la liste ps

[Manu-41]

Bonjour,

je voudrais modifier l'affiche du premier produit de la liste (dans product-list), je peux modifier l'affichage avec le :first-child, mais je voudrais rajouter une image uniquement pour le premier produit.

Une piste pour m'aider?

Merci

[Manu-41]

Ou, comment ajouter du contenu uniquement sur le premier produit de la liste (catégorie) ?

merci pour votre aide

[Mediacom87]

Bonjour,

utiliser la variable content en css pour ajouter du contenu et après, il faut styliser ce contenu aussi en css pour le positionner et le mettre en forme.

[Manu-41]

1 minute ago, Mediacom87 said:

Bonjour,

utiliser la variable content en css pour ajouter du contenu et après, il faut styliser ce contenu aussi en css pour le positionner et le mettre en forme.

Bonjour Mediacom,

j'aurais préféré ajouter une zone, ou image par exemple avec du texte uniquement sur le premier produit. Avec la balise content en css, ce n'est pas top, je trouve, non ?

[Mediacom87]

Ou faire un js ou un module.

[Manu-41]

1 minute ago, Mediacom87 said:

Ou faire un js ou un module.

Je ne connais ps le js.

Je pensais pouvoir ajouter une condition, est ce possible?

[Manu-41]

Just now, Manu-41 said:

Je ne connais ps le js.

Je pensais pouvoir ajouter une condition, est ce possible?

dans l'exemple de backmarket

[Mediacom87]

on peut aussi le faire dans le tpl, ou encore sur tous les produits, mais on affiche que le premier, ainsi de suite, il y a mille solutions, mais encore faut-il chercher comment faire ou posséder le savoir pour le faire.

[Mediacom87]

en smarty, dans la doc :

 .first

first vaut TRUE si l'itération courante de {foreach} est l'initial.

Example 7.12. Exemple avec first


 {* affiche LATEST sur le premier élément, sinon, l'id *}
 <table>
  {foreach from=$items key=myId item=i name=foo}
  <tr>
  <td>{if $smarty.foreach.foo.first}LATEST{else}{$myId}{/if}</td>
  <td>{$i.label}</td>
 </tr>
 {/foreach}
</table>

  

 

[Manu-41]

13 minutes ago, Mediacom87 said:

en smarty, dans la doc :

 .first

first vaut TRUE si l'itération courante de {foreach} est l'initial.

Example 7.12. Exemple avec first


 {* affiche LATEST sur le premier élément, sinon, l'id *}
 <table>
  {foreach from=$items key=myId item=i name=foo}
  <tr>
  <td>{if $smarty.foreach.foo.first}LATEST{else}{$myId}{/if}</td>
  <td>{$i.label}</td>
 </tr>
 {/foreach}
</table>

  

 

Je vais tenter de le faire en css 😉

merci pour ton aide