HowTo:Wechselnde Hintergruende im product listing: Unterschied zwischen den Versionen
Aus WEB-Shop Software Wiki
Zur Navigation springenZur Suche springen (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…“) |
|||
| (4 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 3: | Zeile 3: | ||
Frage im Forum: | Frage im Forum: | ||
| − | Ich möchte im Template Gunnart 1 auf der Produktübersicht jedem zweiten Artikel eine Hintergrundfarbe geben. | + | Ich möchte im [[Templates|Template]] Gunnart 1 auf der Produktübersicht jedem zweiten Artikel eine Hintergrundfarbe geben. |
'''Beispiel:''' | '''Beispiel:''' | ||
| Zeile 12: | Zeile 12: | ||
'''Lösung:''' | '''Lösung:''' | ||
| − | Die Smarty Funktion [http://www.smarty.net/manual/ | + | Die Smarty Funktion [http://www.smarty.net/manual/de/language.function.cycle.php cycle] ist Dein Freund! |
QUELLTEXT | QUELLTEXT | ||
| − | <pre>{foreach from=$ | + | <pre>{foreach from=$module_content item=prd} |
<div class="{cycle values="white,grey"}"> | <div class="{cycle values="white,grey"}"> | ||
| Zeile 32: | Zeile 32: | ||
background-color: #BCBCBC; | background-color: #BCBCBC; | ||
}</pre> | }</pre> | ||
| + | |||
| + | |||
| + | Weitere [[HowTo|HowTo's]]... | ||
Aktuelle Version vom 19. August 2009, 22:14 Uhr
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=$module_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;
}
Weitere HowTo's...
