ページごとの内容
サブベース内のセル（td.contents）に表示される内容には以下のようなものがあります。
  1. 商品一覧（写真＋説明）
  2. 商品一覧（テキストのみ）
  3. 商品一覧（写真のみ）
  4. 商品詳細
  5. カート（カゴの中画面）
  6. カート（レジ画面）
  7. カート（確認画面）
  8. カート（注文完了画面）
  9. ユーザログイン
  10. ユーザ情報
商品一覧と商品詳細（上記番号１〜4）については「商品表示」の項をご覧ください。
その他のページ（上記番号5〜10）に使用されるクラスは以下のとおりです。
◆テーブル　(クラス名　.box)

お問い合わせフォームやサイトポリシー、カゴの中画面などさまざまなところに使用されるテーブルです。表題には<caption>、見出しには<th>、その他セルには<td>が使用されています。

表題
見出し 内容
例)　左図のような配色にする
table.box {background-color:#8FBC8B;}
.box caption{background-color:#8FBC8B;}
.box th{background-color:#CCFFCC;}
.box td{background-color:#FFFFFF;}
◆メッセージ　（クラス名　.msg）

ユーザ情報が更新されたときなどに表示するお知らせ部分です。

例）枠線を青の破線で囲む

.msg {boder:1px solid blue;}

◆エラーメッセージ　（クラス名　.error）

フォームの入力内容に不備があるなど、エラーがあったときに表示される部分です。

例）文字色を赤にする

.error {color:red;}

◆補足　（クラス名　.small）

お問い合わせフォームやレジ画面など、お客様に入力していただくフォームの説明文です。管理画面「カート設定」や「フォーム設定」で「フィールドの説明」欄に記入された内容が表示されます。

例）説明を赤字で表示する

.small { color : red ; }

◆ボタン　（クラス名　.button）

お問い合わせフォームやカート、トップページのログインなど、フォーム部分に使用されている<input>タグにつけられています。

例）ボタンの枠線を緑の２重線にする

.button { border: 3px double green; }

◆ネクストボタン　（クラス名　.next）

お問い合わせフォームやカート、トップページのログインなど、フォーム部分に使用されているボタンで、次のページへ進むための<input>タグにつけられています。

例）ボタンの文字を太字にする

.next { font-weight: bold;}

◆提案商品　（クラス名　.propose）

管理画面「商品管理」で商品情報「提案商品コード」に記載された商品をカゴの中画面で表示します。管理画面「カート設定」→「各種メッセージ設定」→「カゴ画面の商品提案メッセージ」に記入された内容が<th>に、その他は<td>に書き出されます。

例）文章を左寄せにする

.propose th { text-align : left ; }
コンテンツ　＜　HOME