Smartyサンプル 2

【仕事サイトにSmartyの関連記事を書きました】
カラーミーショップのカスタマイズに便利なSmartyを学ぶ (1/2) 
カラーミーショップのカスタマイズに便利なSmartyを学ぶ (2/2)


Smartyで、こんなことができます。
あらかじめオンライン・マニュアルで内容を確認しておくと、アイデア実現のさいに役立ちます。

<{cycle}>で、背景色を交互に変える。色コード指定しています。2色交互ですが、追加して3色以上でも可能。
「bgcolor」を「class」にしてクラス名を指定することもできます。

<{section name=num loop=$productlist}>
  <tr bgcolor="<{cycle values="#999,#ccc"}>">
    <td>{$productlist[num]}.price</td>
  </tr>
<{/section}>

<{section}>ループ内でなくても動きます。
作成したリンクページの背景色を交互にするサンプル。

<tr class="<{cycle values="bg1,bg2"}>">
  <td><a href="～">XXXX</a></td>
</tr>
<tr class="<{cycle values="bg1,bg2"}>">
  <td><a href="～">YYYY</a></td>
</tr>

使い道はいろいろとありそうな気がします。


【参照リンク】
・Smarty

【関連記事】
・Smartyサンプル 1