CMS履歴(2021/09/07更新)

解説の前に

2020/03/22より、管理画面で使っているname値が見れるようになりました。

管理ページ

name値が見えない場合、html側で確認(↓)できます。

タグ解説(list.html)

当ページの画面サンプルは、tp_shop9のものですが、他のテンプレートの出力内容もほぼ同じです。

head内のscriptタグ

一覧ページに必須のタグです。編集する際に、抜け落ちないように注意しましょう。

list.html

h2見出し

サイト側

タグ

タグ解説はこちら

管理画面の「商品種類」で設定した「タイトル(title)」を出力

サイト側

タグ

{val title}

管理画面の「商品種類」で設定した「タイトル(title)」↓を読み込みます。以下は試用版の「商品グループ1」です。

管理ページ

商品数を呼び出す

サイト側

タグ

{val total}

登録件数を表示するタグです。非公開の商品はカウントされません。

「商品一覧」ブロック

サイト側

タグ

タグ解説はこちら

呼び出しタグ

list

商品データを「一覧ページ」に呼び出す為のタグです。
(class="list"のlistとは全く関連しません。classのlistは単にスタイルを設定する為に使っています。)

ループ処理

タグ

<!--{each list}-->

<!--{/each}-->

ループ処理(each)させるタグです。
データの数だけ間のタグを使ってループ出力します。

商品詳細ページへアクセス

タグ

?act=item&id={val list/info_id}

管理画面の「タイトル(title)」を出力

サイト側

タグ

{val list/title}

管理画面の「価格(price)」を出力

サイト側

タグ

{val list/price_s}

管理画面の「説明(contents)」を出力

サイト側

タグ

{val list/contents}

NEWアイコンを出力

サイト側

タグ

<!--{def list/new_flag}-->

<!--{/def}-->

defは、データがある(def)場合を意味します。
管理画面で「新着」を選んだ場合に、間のブロックを出力します。
間にはNEWアイコンのタグが入っています。

おすすめプルダウンの選択肢を出力

サイト側

タグ

<!--{def list/recommend1}-->

<!--{/def}-->

defは、データがある場合を意味します。
recommendは管理画面の「おすすめプルダウン」の選択肢です。
「おすすめ」が選択されている場合に、間のタグを出力します。
管理ページ

画像を出力

サイト側

タグ

<!--{def list/image1_file}-->

<!--{/def}-->

defは、データがある場合を意味します。
1枚目の画像(image1)がある場合に間のタグを出力します。
間には、1枚目の画像(image1)を読み込むimgタグが入っています。

代替画像を出力

サイト側

タグ

<!--{ndef list/image1_file}-->

<!--{/ndef}-->

ndefは、データがない場合を意味します。
1枚目の画像(image1)がない場合に間のタグを出力します。
間には、画像がない場合の代替画像(noimg.png)のタグが入っています。

管理画面の「在庫状況(zaiko)」を出力

サイト側

タグ

<!--{def list/zaiko●}-->

<!--{/def}-->

defは、データがある(def)場合を意味します。
管理画面で「在庫状況」のプルダウンを選んだ場合に、間のブロックを出力します。
管理ページ

補足:冒頭の<!--{def list/zaiko3}--> option2<!--{/def}-->の場合、「品切れ」を選ぶと<div class="list up option2">となり、option2(品切れ)のスタイルが適用され画像表示が薄くなります。※試用版の場合。

<< 1つ前のページに戻る