Alternating row colors?

[gregbatch]

I see in the CSS that there is a section for altertnating row color, yet it doesn't display on the site. Any ideas what needs changing or what look for?

[juven14]

<td class="{cycle values="row1,row2" advance=false}">some text</td>
<td class="{cycle values="row1,row2" advance=false}">some text</td>
<td class="{cycle values="row1,row2" advance=true}">some text - last cell in row.</td>

This is an example of how to alternate rows. This is within a smarty loop. You can specify row1 or row2 for any other purpose.

[sleepy]

John,

Where abouts does the code in your last post go?

sleepy

[juven14]

I copied this from userbrowselistings.tpl.php and removed the cell content. you can put it in any foreach loop in the templates.

You might use this for any number of forms as is done in the administration panel.

 {foreach from=$results item="entry"}
  <tr>
      <td class="{cycle values="row1,row2" advance=false}">{$entry.something}</td>
      <td class="{cycle values="row1,row2" advance=false}">{$entry.something}</td>
      <td class="{cycle values="row1,row2" advance=true}">{$entry.something}</td>
  </tr>
{/foreach}

Everytime it loops to the next row it will alternate background colors.

[gregbatch]

OK. I found that, tried it and it worked, but then it overrides the highlighted ads. Is it a either/or situation?

[Lhotch]

Originally Posted by gregbatch

OK. I found that, tried it and it worked, but then it overrides the highlighted ads. Is it a either/or situation?

I beleive that is the case. The reason being is that both the featured ads and the alternating row colors rely on the style sheet to set the background color. Depending on where you are trying to incorporate the alternating row colors there is a possibility that you could include some smarty logic in the template to check and see if an ad is featured and if it is display the default featured ad style sheet.

Can you post a chunk of code you implemented and the name of the file you used it in?

[juven14]

Try something like this:

{if $entry.class=="featured"} class="{$entry.class}"{else} class="{cycle values="row1,row2" advance=false}"{/if}

[JP2 Designs]

Originally Posted by juven14

Try something like this:

{if $entry.class=="featured"} class="{$entry.class}"{else} class="{cycle values="row1,row2" advance=false}"{/if}

I tried this but it overrun the featured class and did not rotate the row1 - row2 either...

For example: Trading Hub Classifieds Australia Arts/ Craft, Hobbies Paintings

the top two should be featured ads.

my code looks like:

	{foreach from=$results item="entry"}
	<tr>
	  {if $sDisPhoto == "Y"}
	  <td{if $entry.class=="featured"} class="{$entry.class}"{else} class="{cycle values="row1,row2" advance=false}"{/if}><a href="{$entry.link}" title="{$entry.title}">{if $entry.image != ""}<img src="thumbs/small_{$entry.image|escape:"url"}" border="0" alt="{$entry.title}" />{else}<img src="templates/{$smarty.const.MAIN_TEMPLATE}/images/nophotosmall.gif" border="0" alt="{$entry.title}" />{/if}</a></td>
	  {/if}
          {if $sDisTitle == "Y"}
          <td{if $entry.class=="featured"} class="{$entry.class}"{else} class="{cycle values="row1,row2" advance=false}"{/if}><a href="{$entry.link}" title="{$entry.title}">{$entry.title}</a></td>
          {/if}
          {if $sDisPrice == "Y"}
          <td{if $entry.class=="featured"} class="{$entry.class}"{else} class="{cycle values="row1,row2" advance=false}"{/if}>{$entry.price|format_money}</td>
          {/if}
	</tr>
	{foreachelse}

I also searched "alternating" as well but it seams everyone else has the same problem.

[michael]

I tried this but it overrun the featured class and did not rotate the row1 - row2 either...

JP. You may not have noticed but this thread was started - 3 years ago - in the days of version 3. We've come a long way baby!

Others may come along with a more knowledgeable answer but I believe the alternating rows are controlled by your CSS file. The following is a section I've copied from my own:

/* Featured Listings
* td.featured handles the display of featured listings
*
*/
td.featured { background-color: #F1F1F1; }

/* Bold Listings
* td.bold handles the display of bold listings
*
*/
td.bold { font-weight: bold; }

/* Highlighted Listings
* td.highlighted handles the display of highlighted listings
*
*/
td.highlighted { background-color: #CCCCFF; }

/* row1 & row2
* This section handles alternating rows
*
*/
.row1 { background-color: #d0d0d0; background-color: #F1F1F1; }
.row2 { background-color: #FFF; }

[bowers01]

I just use:
<tr bgcolor="{cycle values="#eeeeee,#FFFFFF"}">
Nick