HowTo:Wechselnde Hintergruende im product listing

Aus WEB-Shop Software Wiki
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=$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;
 }