CMS履歴(2020/07/22更新)

解説の前に

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

管理ページ

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

タグ解説(item.html)

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

head内のscriptタグ

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

item.html

h2見出し

サイト側

タグ

タグ解説はこちら

呼び出しタグ

item

商品データを「詳細ページ」に呼び出す為のタグです。

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

サイト側

タグ

{val item/title}

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

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

サイト側

タグ

{val item/price_s}

NEWアイコンを出力

サイト側

タグ

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

<!--{/def}-->

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

画像ブロック

サイト側

タグ

タグ解説はこちら

呼び出しタグ

item

商品データを「詳細ページ」に呼び出す為のタグです。

大きな画像を出力

サイト側

タグ

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

<!--{/def}-->

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

画像をアップする場合は、必ず「画像1(image1)」をアップして下さい。
画像1にアップしないとこのブロックが出力されず、サムネイル画像の切り替えができなくなります。

サムネイル画像を出力

サイト側

タグ

<!--{def item/image●_file}-->

<!--{/def}-->

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

テーブルブロック

サイト側

タグ

タグ解説はこちら

呼び出しタグ

item

商品データを「詳細ページ」に呼び出す為のタグです。

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

サイト側

タグ

{val item/title}

管理画面の「外部リンク(link)」を出力

サイト側

タグ

{val item/link}

管理画面の「外部リンク(link)」を出力するタグです。

<!--{def item/link}-->

<!--{/def}-->

defは、データがある(def)場合を意味します。
管理画面の「外部リンク(link)」を入力した場合に、間のブロックを出力します。

管理ページ

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

サイト側

タグ

{val item/contents}

「項目1(info1)」〜「項目10(info10)」を自動出力

サイト側

タグ

管理画面の「項目1」〜「項目10」までの「見出し(title)」と「内容(value)」を自動出力させるブロックです。

管理ページ

<!--{each item/info}-->

<!--{/each}-->

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

個数選択ブロックと、かごに入れるボタン

サイト側

タグ

タグ解説はこちら

個数選択ブロックの出力

サイト側

タグ

売り切れ表示の出力

サイト側

タグ

<!--{def item/zaiko3}-->

<!--{/def}-->

defは、データがある場合を意味します。
「在庫状況」に品切れ(zaiko3)を選択した場合に間のタグを出力します。

カゴにいれるボタンの出力

サイト側

タグ

<!--{ndef item/zaiko3}-->

<!--{/ndef}-->

ndefは、データがない場合を意味します。
「在庫状況」が品切れ(zaiko3)でない場合に間のタグを出力します。
間には、カートページへのボタンが入っています。

関連商品ブロック

サイト側

タグ

タグ解説はこちら

関連商品ブロックの出力

サイト側

タグ

<!--{def item/item}-->

<!--{/def}-->

defは、データがある場合を意味します。
管理ページの「関連商品(1〜5)」が入力されている場合に間のタグを出力します。

管理ページ

関連商品の出力

サイト側

タグ

<!--{each item/info}-->

<!--{/each}-->

管理画面の「関連商品1(item1)」〜「関連商品5(item5)」をループ出力(each)させるタグです。
データの数だけ間のタグを使ってループ出力します。

管理ページ

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