- 2008-03-06 (木) 14:09
- Custom
ColorMe!ShopProのテンプレートカスタマイズで使用できるsectionループについてのメモ。
sectionとは別に<{foreach}>も使用できるが、sectionとforeachでは動作が微妙に違う。
【公式説明】 <{section}>～<{/section}>で囲まれいる部分は、リストの数分だけループします。
<{section name=num loop=$productlist}>
・
・ （ここがループ）
・
<{/section}>
sectionの後についてるのは属性名とその値。
name（属性）=num（値）のペアで設定することでループの動作を変えることが出来る。
必須属性がnameとloopなので、上記は必要最低限の指定ということになる。
また、sectionは入れ子が可能なので何重もネストして使うことが出来る。
sectionのこの文と
foreachのこの文は同じ結果になる
カテゴリーリンクのsectionループ表示例
カテゴリアイコン表示サンプル。
カテゴリアイコンを登録しておけば、ループで出力することが出来る。
表示方法はimgタグとCSSがある。
上：CSS 下：img
$categoryとかimg_url等はColorMeの独自タグを参照。
独自タグ変数[nameでつけたセクション名].独自タグのプロパティという書き方。
name
セクション名（自由につけれる）。
配列の番号が入るっぽいので、オブジェクトを代入しておく変数名という方が分かりやすいかもしれない。
loop
categoryの数だけループを繰り返す。
start
ループを開始するインデックス位置。通常は0から。
マイナスにすると、開始位置が最後尾からになる。 （-5にすると最後から５番目よりループが始まる）
７つしかないのに８とか設定しても、自動で切り捨てられるのでエラーにはならない。
max
ループする最大回数。4にすると0~4まで出力する。
step
ループインデックスを進めるために使われるステップ値。
例えばstep=2なら、インデックスは0, 2, 4の位置にあるものだけ表示。
stepの値がマイナスの場合は、ループの方向が逆になる。（0->10が10->0になる）
show
表示するかどうか
maxとstartを指定すると、２つに分けることが出来たりする。
カテゴリの表示を例にすると…
-
最初のカテゴリ
-
<ul>
-
５つ目からのカテゴリ
-
<ul>
-
</ul>
関連記事
- Newer: 2Column 4box Fixed LeftMenu
- Older: 2Column 4box Elastic RightMenu
