Display two different rows of items

[jackgittes]

Looked in the forums but could not find an answer. I am using the cataloger and I want to display a page with items. But I want the first row to have a white background and the second row a different color. The third row has to be white again and and fourth the same color as the second and so on.

I know how to do the css styling but how can I manage this in the code? I have to define two rows in the Cataloger templates I guess but how can I tell Cataloger these are seperate items?

Hope someone has an idea.

[Dr.CSS]

Depends on how you are making the rows, one way is to give them a class and use css to style the class the way you want...

[jackgittes]

I don't see how I could solve this with only css.

This is what Cataloger has to generate:

Code: Select all

   <ul id="subgroepen">
             <li class="white"><a href="#">Group 1</a></li>
             <li class="blue"><a href="#">Group 2</a></li>
             <li class="white"><a href="#">Group 3</a></li>
             <li class="blue"><a href="#">Group 4</a>
</li>
   </ul

And this is what is now in my cataloger template:

Code: Select all

  <ul id="subgroepen">
        
    {section name=numloop loop=$items}
        <li class="white"><a href="{$items[numloop].link}">{$items[numloop].title}</a></li>
        <li class="white"><a href="{$items[numloop].link}">{$items[numloop].title}</a></li>
   {/section}
   </ul>   

This code goes wrong because it generates every group double. The idea is that it fills the first with group 1 and the second with group 2 (just like in the first code block). But now it fills both with the same group.

Any idea?

[Dr.CSS]

Then you need to use some code to cycle thru them, something like this...

{capture assign="capturer"}
{cycle values="even,odd" name="capturername"}
{/capture}

Then in your for each something like this, with only one call for the li not 2 as it is now...