注文画面 (テンプレートリファレンス)/ref_temp/record/rv_contents_ecs_order

ページテンプレート ECプラグイン

定数

ページ定数
$page . resource_type リソースタイプ
. url ページURL
. url_path ページURLパス
. title ページタイトル
. action フォーム送信先URL
. enable_confirm 確認画面有効化タグ
(<form>〜</form>内にこのタグを設置すると、確認画面が有効になります。)
. error エラー発生フラグ
($page.error == 1 : 在庫なし,
$page.error == 2 : 値不正,
$page.error == 3:カート空)
. confirm 確認ページフラグ
. subtotal_price カート内小計金額
. delivery_fee 送料
. payment_fee 決済手数料
. tax 消費税
. total_price 合計金額
カート内容
. cart . {i} . id ID
. name バリエーション名
. cnt 数量
. price 単価
. subtotal_price 小計金額(数量×単価)
商品レコード
. record . title 商品レコードタイトル
注文者情報入力フォーム
. form . {フィールドID} . name フィールド名
. input 入力ボックスタグ
. data_type フィールドデータ型
. notnull 入力必須フラグ
. placeholder プレースホルダー
. error エラーメッセージ

サイト定数
$site . title サイトタイトル
. description 概要
. keywords キーワード
. robots 検索エンジンロボット制御
. header_logo ヘッダーロゴ画像URL
. footer_text フッター文
. favicon faviconURL
ウィジェット定数
$widgets . {ウィジェットID} ウィジェット
ダッシュボード定数
$dashbords . {ダッシュボードID} ダッシュボード
ログインメンバー定数
$members . {メンバーインスタンスID} . refid メンバーID
. resource_type リソースタイプ
. url メンバーURL
. url_path メンバーURLパス
. login_id ログインID
. contents . {フィールドID} メンバーコンテンツ
所属グループ
. groups . {i} . refid グループID
. name グループ名
. created 作成日時
. last_logined 最終ログイン日時

プロトタイプ

<div class="jumbotron">
<h2>{?$page.title?}</h2>
</div>

<div class="panel panel-default col-xs-10 col-xs-offset-1">
<div class="panel-body">

<table class="table">
<thead>
<tr>
<th>商品名</th>
<th>単価</th>
<th>数量</th>
<th>小計</th>
</tr>
</thead>

<tbody>

{?foreach from=$page.cart item=value?}
<tr>
<td>{?$value.record.title?} {?$value.name?}</td>
<td>¥{?$value.price|number_format?}</td>
<td>{?$value.cnt?}個</td>
<td>¥{?$value.subtotal_price|number_format?}</td>
</tr>
{?/foreach?}

<tr>
<td colspan="4" id="subtotal_price" class="text-right"><label>小計:</label>¥{?$page.subtotal_price|number_format?}</td>
</tr>

{?if $page.delivery_fee?}
<tr>
<td colspan="4" id="delivery_fee" class="text-right"><label>送料:</label>¥{?$page.delivery_fee|number_format?}</td>
</tr>
{?/if?}

{?if $page.payment_fee?}
<tr>
<td colspan="4" id="payment_fee" class="text-right"><label>決済手数料:</label>¥{?$page.payment_fee|number_format?}</td>
</tr>
{?/if?}

{?if $page.tax?}
<tr>
<td colspan="4" id="tax" class="text-right"><label>消費税:</label>¥{?$page.tax|number_format?}</td>
</tr>
{?/if?}

{?if $page.total_price?}
<tr>
<td colspan="4" id="total_price" class="text-right"><label>合計:</label>¥{?$page.total_price|number_format?}</td>
</tr>
{?/if?}

</tbody>
</table>


<form class="form-horizontal" action="{?$page.action?}#order_form" id="order_form" method="post">
{?$page.enable_confirm?}


<fieldset>
<legend>注文フォーム</legend>

{?if $page.error?}<div class="alert alert-danger">エラーが発生しました.</div>{?/if?}
{?if $page.confirm?}<div class="alert alert-info">入力内容を確認の上,送信をクリックしてください.</div>{?/if?}

{?foreach from=$page.form item=value?}
<div class="form-group{?if $value.error?} has-error{?/if?}">
<label class="col-sm-4 control-label">{?$value.name?}</label>
<div class="col-sm-8">
{?$value.input?}
{?if $value.error?}<p class="text-danger">{?$value.error?}</p>{?/if?}
</div>
</div>
{?/foreach?}

<div class="form-group">
<div class="text-center">
<button type="button" class="btn btn-default btn-lg" onclick="history.back(); return false;">戻る</button>
<button type="submit" class="btn btn-primary btn-lg">注文実行</button>
</div>
</div>

</fieldset>

</form>

</div>
</div>