Alternate row colours

funkydunk · #1 01-09-2003, 10:55 PM

If you want the product list to show up in alternate colours this can be done by changing the customer/main/products.tpl template.

Change:

Code:

{* $Id: products.tpl,v 1.16 2002/09/25 10:12:05 zorg Exp $ *}
{section name=product loop=$products}
<table border=0 width=100%>
<tr><td width=90 align=center valign=top>
<a href=product.php?productid={$products[product].productid}&cat={$cat}&page={$navigation_page}>{include file="product_thumbnail.tpl" productid=$products[product].productid image_x=70 product=$products[product].product}
{ $lng.lbl_see_details }</a>
</td>
<td valign=top>
{$products[product].product|escape}</font> <font class=TableCenterProductTitleOrange></font>
<font size=1>




{$products[product].descr|truncate:300:"...":true}


</font>
<hr size=1 noshade width=230 align=left>
{if $active_modules.Subscriptions ne "" and $products[product].catalogprice}
{include file="modules/Subscriptions/subscription_info_inlist.tpl"}
{else}
{if $products[product].price ne 0}
{if $products[product].discount ne 0}
<font class=MarketPrice>{$lng.lbl_market_price}: <s>{math equation="(price/(100-discount))*100" price=$products[product].price discount=$products[product].discount format="%d.00" assign=unformatted}{include file="currency.tpl" value=$unformatted}</s></font>

{/if}
<font class=TableCenterProductTitleOrange>{$lng.lbl_our_price}: {include file="currency.tpl" value=$products[product].price}</font><font class=MarketPrice>{include file="customer/main/alter_currency_value.tpl" alter_currency_value=$products[product].price}</font>{if $products[product].discount ne 0}, save {$products[product].discount}%{/if}
{else}
<font class=TableCenterProductTitleOrange>{$lng.lbl_enter_your_price}</font>
{/if}
{/if}
</td></tr>
</table>






{/section}

to

Code:

{* $Id: products.tpl,v 1.16 2002/09/25 10:12:05 zorg Exp $ *}
{section name=product loop=$products}
<table border=0 width=100%{if $smarty.section.product.index is div by 2} class="alternate1"{else} class="alternate2"{/if}>
<tr><td width=90 align=center valign=top>
<a href=product.php?productid={$products[product].productid}&cat={$cat}&page={$navigation_page}>{include file="product_thumbnail.tpl" productid=$products[product].productid image_x=70 product=$products[product].product}
{ $lng.lbl_see_details }</a>
</td>
<td valign=top>
{$products[product].product|escape}</font> <font class=TableCenterProductTitleOrange></font>
<font size=1>




{$products[product].descr|truncate:300:"...":true}


</font>
<hr size=1 noshade width=230 align=left>
{if $active_modules.Subscriptions ne "" and $products[product].catalogprice}
{include file="modules/Subscriptions/subscription_info_inlist.tpl"}
{else}
{if $products[product].price ne 0}
{if $products[product].discount ne 0}
<font class=MarketPrice>{$lng.lbl_market_price}: <s>{math equation="(price/(100-discount))*100" price=$products[product].price discount=$products[product].discount format="%d.00" assign=unformatted}{include file="currency.tpl" value=$unformatted}</s></font>

{/if}
<font class=TableCenterProductTitleOrange>{$lng.lbl_our_price}: {include file="currency.tpl" value=$products[product].price}</font><font class=MarketPrice>{include file="customer/main/alter_currency_value.tpl" alter_currency_value=$products[product].price}</font>{if $products[product].discount ne 0}, save {$products[product].discount}%{/if}
{else}
<font class=TableCenterProductTitleOrange>{$lng.lbl_enter_your_price}</font>
{/if}
{/if}
</td></tr>
</table>






{/section}

Then set up two styles alternate1 and alternate2 in skin1.css like:

Code:

.alternate1{
	BACKGROUND-COLOR: #FFFFCC;
}
.alternate2{
	BACKGROUND-COLOR: #FFFF99;
}

Obviously set up two colours that actually look good together

B00MER · #2 01-10-2003, 12:55 PM

Niiice, think I'll have to use this

cmolocznik · #3 03-13-2003, 01:26 PM

Smarty has a built in function for alternating row colors!

<tr bgcolor="{cycle values="#F3F3F3,#FFFFFF"}">

Code:

<table width="400">
{section name=ship_num loop=$shipping}
  <tr bgcolor="{cycle values="#F3F3F3,#FFFFFF"}">
    <td><label>
      <input name="shippingid" type="radio" onSelect="" onClick="document.cartform.submit()" value="{$shipping[ship_num].shippingid}" {if $shipping[ship_num].shippingid eq $cart.shippingid}checked{/if}>
      {$shipping[ship_num].shipping|escape}</label><td align="right">{include file="currency.tpl" value=$cart.shipping_cost}</td></td>
  </tr>
  {/section}
</table>

funkydunk · #4 03-14-2003, 12:16 AM

Does it do alternative styles?

cmolocznik · #5 03-14-2003, 11:17 AM

Yes it will!

<tr class="{cycle values="alternate1,alternate2"}">

http://smarty.php.net/manual/en/language.function.cycle.php

funkydunk · #6 03-14-2003, 10:20 PM

must have missed that bit when I refer to smarty.php.net

Thanks for pointing it out.

machnhed1 · #7 03-17-2003, 05:46 AM

In fact you can specify as many colors to cycle through as you want (e.g. <tr class="{cycle values="alternate1,alternate2,alternate3,alternate X"}">). It's pretty sweet.

funkydunk · #8 03-17-2003, 05:52 AM

smarty is

John7 · #9 04-01-2003, 01:02 PM

Like I said usually somthing I want to is already asked and I can just find it here. Like this feature. Will try it now.

John

John7 · #10 04-03-2003, 06:10 PM

One problem

How can I use this mod to change the way it displays the product description in the product.tpl.

I'd like one line to be one color and the next the other and visa versa.

Thanks