AlternerCouleursListeProduits

De TheliaDoc
Version du 9 septembre 2011 à 18:24 par Paulbe (discuter | contributions)

(diff) ← Version précédente | Voir la version courante (diff) | Version suivante → (diff)
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.