HowTo:Wechselnde Hintergruende im product listing

Aus WEB-Shop Software Wiki
Version vom 25. Juli 2009, 18:40 Uhr von Xantiva (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „= HowTo: wechselnde Hintergründe im Product_Listing realisieren = Frage im Forum: Ich möchte im Template Gunnart 1 auf der Produktübersicht jedem zweiten Art…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springenZur Suche springen

HowTo: wechselnde Hintergründe im Product_Listing realisieren

Frage im Forum:

Ich möchte im Template Gunnart 1 auf der Produktübersicht jedem zweiten Artikel eine Hintergrundfarbe geben.

Beispiel:

  • 1. Artikel - Hintergrundfarbe: weiß
  • 2. Artikel - Hintergrundfarbe: grau
  • 3. Artikel - Hintergrundfarbe: wieder weiß

Lösung:

Die Smarty Funktion cycle ist Dein Freund!

QUELLTEXT

{foreach from=$moduloe_content item=prd}

   <div class="{cycle values="white,grey"}">
     Produktkram hier
   </div>

 {/foreach}

So wird bei jedem Durchlauf alternierend die Klasse "white" oder "grey" vergeben. Diese musst Du natürlich in Deiner css Datei anlegen und mit entsprechenden Hintergrund-Styles versehen:

QUELLTEXT

.white {
   background-color: #FFFFFF;
 }
 .grey {
   background-color: #BCBCBC;
 }