開発メモ

開発用のメモです。

EC CUBE Bootstrap レイアウト ログイン(サイド)

<!--{strip}-->
<!--{if $tpl_login}-->
<script>
    $ ( document ).ready ( function ( ) {
        $ ( "#login_form" ).submit ( function ( ) {
            return eccube.checkLoginFormInputted ( 'login_form' );
        } );
    } ); 
</script>
<!--{/if}-->
<div class="panel panel-default">
    <div class="panel-heading">
        <span>ログイン</span>
    </div>
    <div class="panel-body">
        <form name="entry_form" id="entry_form" method="get" action="<!--{$smarty.const.HTTPS_URL}-->entry/kiyaku.php">
            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
            <input type="hidden" name="mode" value="" />
        </form>
        <form name="login_form" id="login_form" method="post" action="<!--{$smarty.const.HTTPS_URL}-->frontparts/login_check.php" class="form">
            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
            <input type="hidden" name="mode" value="login" />
            <input type="hidden" name="url" value="<!--{$smarty.server.REQUEST_URI|h}-->" />
            <div class="block_body">
                <!--{if $tpl_login}-->
                <div class="alert alert-info">
                    <!--{"ようこそ"}-->
                    <br /><span class="user_name">
                        <!--{$tpl_name1|h}-->
                        <!--{$tpl_name2|h}-->
                        <!--{"様"}-->
                    </span>
                    <!--{if $smarty.const.USE_POINT !== false}-->
                    <dl class="dl-horizontal">
                        <dt style="width: 60px">所持ポイント</dt>
                        <dd style="margin-left: 65px;" class="point">
                            <!--{$tpl_user_point|n2s|default:0}-->
                            <!--{"pt"}-->
                        </dd>
                    </dl>
                    <!--{/if}-->
                </div>
                <!--{if !$tpl_disable_logout}-->
                <input type="image" class="btn btn-primary btn-block" onclick="eccube.setValueAndSubmit('entry_form', 'mode', ''); return false;" value="マイページ" />
                <input type="image" class="btn btn-danger btn-block" onclick="eccube.fnFormModeSubmit('login_form', 'logout', '', ''); return false;" value="ログアウト" />
                <!--{/if}-->

                <!--{else}-->
                <div class="form-group">
                    <label>メールアドレス</label>
                    <input type="email" name="login_email" class="form-control" value="<!--{$tpl_login_email|h}-->" style="ime-mode: disabled;" />
                    <div >
                        <input type="checkbox" name="login_memory" id="login_memory" value="1" <!--{$tpl_login_memory|sfGetChecked:1}--> />
                        <label for="login_memory"><span>コンピューターに記憶する</span></label>
                    </div>
                </div>
                <div class="form-group">
                    <label>パスワード</label>
                    <input type="password" name="login_pass" class="form-control" value="" style="ime-mode: disabled;" />
                </div>
                <input type="image" class="btn btn-primary btn-block" value="ログイン" />
                <input type="image" class="btn btn-default btn-block" value="新規登録" onclick="eccube.setValueAndSubmit('entry_form', 'mode', ''); return false;" />
                <!--{/if}-->
            </div>
        </form>
    </div>
</div>
<!--{/strip}-->
Twitter: @asahina_alice