開発メモ

開発用のメモです。

EC CUBE Bootstrap レイアウト ログイン(ヘッダー)

<!--{strip}-->
<div class="block_outer">
    <div id="header_login_area" class="clearfix">
        <form name="header_login_form" id="header_login_form" method="post" action="<!--{$smarty.const.HTTPS_URL}-->frontparts/login_check.php"<!--{if !$tpl_login}--> onsubmit="return eccube.checkLoginFormInputted('header_login_form')"<!--{/if}-->>
            <input type="hidden" name="mode" value="login" />
            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
            <input type="hidden" name="url" value="<!--{$smarty.server.REQUEST_URI|h}-->" />
            <div class="block_body clearfix">
                <!--{if $tpl_login}-->
                <div class="col-md-offset-7 col-md-5">
                    <div class="btn-toolbar">
                        <div class="btn-group btn-group-justified">
                            <!--  -->
                            <a href="/mypage" class="btn btn-default"><span class="glyphicon glyphicon-user">
                                <!-- -->
                            </span><span>&nbsp; マイページ</a>
                            <!--  -->
                            <a href="/cart"   class="btn btn-default"><span class="glyphicon glyphicon-shopping-cart">
                                <!-- -->
                            </span><span>&nbsp; カート</span></a>
                            <!--  -->
                            <a href="#" class="btn btn-danger" onclick="eccube.fnFormModeSubmit('header_login_form', 'logout', '', '');"><span class="glyphicon glyphicon-log-out">
                                <!-- -->
                            </span><span>&nbsp; ログアウト</a>
                        </div>
                    </div>
                </div>
                <!--{else}-->
                <div class="col-md-offset-7 col-md-5">
                    <div class="input-group">
                        <input type="email" class="form-control" name="login_email" value="<!--{$tpl_login_email|h}-->" style="ime-mode: disabled;" placeholder="メールアドレスを入力して下さい" />
                        <div class="input-group-addon">
                            <label>記憶
                                <input type="checkbox" name="login_memory" id="header_login_memory" value="1" <!--{$tpl_login_memory|sfGetChecked:1}--> />
                            </label>
                        </div>
                        <input type="password" class="form-control" name="login_pass" placeholder="パスワード" />
                        <span class="input-group-btn">
                            <button  type="submit" class="btn btn-default" >
                                <span class="glyphicon glyphicon-log-in">
                                    <!-- -->
                                </span>
                            </button> </span>
                    </div>
                </div>
                <!--{/if}-->
            </div>
        </form>
    </div>
</div>
<!--{/strip}-->
Twitter: @asahina_alice