AlternerCouleursListeProduits

De TheliaDoc
Aller à : navigation, rechercher

Pour avoir de jolies listes de produits (ou autres...), il peut être utile d'alterner les styles pour obtenir un rendu plus lisible.

On trouve sur le net diverses astuces utilisant des portions de code PHP, mais l'usage du filtre MODULO permet de mettre en place un tel mécanisme d'une manière plus élégante

Etape 1 Vérifier que le filtre MODULO est bien activé (il est installé par défaut avec Thelia, mais vous pouvez avoir à l'activer manuellement dans l'interface d'administration

Etape 2 Créez ensuite deux styles pour vos éléments de liste :

  • Un style, qui sera utilisé par défaut
  • L'autre, qui sera accessible via un 'class'

Etape 3 Dans votre code HTML, insérez le code suivant à l'endroit où doit s'indiquer le style :

#FILTRE_modulo(#COMPT||2|| class="stylealternatif" )

où "stylealternatif" est à remplacer par le nom du style que vous avez créé précédemment.

Par exemple :

<BOUCLE_...>
<li #FILTRE_modulo(#COMPT||2|| class="stylealternatif" )>Mon produit #TITRE</li>
</BOUCLE_...>

Le filtre va donc s'appuyer sur le compteur #COMPT, présent sur diverses boucles.