HowTo:Wechselnde Hintergruende im product listing

Aus WEB-Shop Software Wiki
Zur Navigation springenZur Suche springen
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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...

Abgerufen von „https://wiki.webs.de//index.php?title=HowTo:Wechselnde_Hintergruende_im_product_listing&oldid=576“