目前位置: 首頁 > ECSHOP響應式模版 > 21、RWD響應式網頁設計- Ecshop 登入與收件地址

21、RWD響應式網頁設計- Ecshop 登入與收件地址 超大 稍大 微大

ECSHOP 繁體中文版-響應式模板-虛擬主機::ECSHOP2.7.3繁體中文全支援-原來如此 發表於: 2017-01-14
當消費者確定進入結算中心時,可選登入、註冊或直接購買(視後台設定),若是會員登入且之前有購買紀錄,就會直接轉入結帳頁面,否則會與直接購買一樣轉入收件人填寫頁面,若是已登入會員則收件人資料將會自動寫入資料庫,供下次購買使用:
<div class="row">
<div class="col-md-6">
<h3 class="text-center"><i class="fa fa-sign-in"></i> 會員登入</h3>
<!-- 開始會員登入註冊界面we-shop.net -->
<form action="flow.php?step=login" method="post" name="loginForm" id="loginForm" onsubmit="return checkLoginForm(this)" class="form-inline">
<table class="table">
<tr>
<th width="100" class="text-right">
{$lang.username}
</th>
<td>
<input name="username" type="text" class="form-control" placeholder="請輸入帳號" id="username" required />
</td>
</tr>
<tr>
<th class="text-right">
{$lang.password}
</th>
<td><input name="password" type="password" class="form-control" placeholder="請輸入自訂密碼" id="password" required /></td>
</tr>
<!-- 判斷是否啟用驗證碼{if $enabled_login_captcha}we-shop.net -->
<tr>
<th class="text-right">
{$lang.comment_captcha}
</th>
<td>
<input type="text" size="8" name="captcha" class="form-control pull-left" style="width: 70px;margin-right: 5px;" />
<img src="captcha.php?is_login=1&{$rand}" alt="captcha" style="vertical-align: middle;cursor: pointer;margin-top: 6px;" onClick="this.src='captcha.php?is_login=1&'+Math.random()" />
</td>
</tr>
<!--{/if}-->
<tr>
<th class="text-right"> </th>
<td colspan="2" class="text-center">
<input type="checkbox" value="1" name="remember" id="remember" /><label for="remember">{$lang.remember}</label>
</td>
</tr>
<tr>
<td colspan="2" class="text-center">
<a href="user.php?act=qpassword_name" class="btn btn-info">{$lang.get_password_by_question}</a>
<a href="user.php?act=get_password" class="btn btn-info">{$lang.get_password_by_mail}</a>
</td>
</tr>
<tr>
<td colspan="2" class="text-center">
<input type="submit" name="login" class="btn btn-info" value="{$lang.forthwith_login}" />
<!-- {if $anonymous_buy eq 1} 是否允許未登入會員購物we-shop.net -->
<input type="button" class="btn btn-info" value="{$lang.direct_shopping}" onclick="location.href='flow.php?step=consignee&direct_shopping=1'" />
<!-- {/if}we-shop.net -->
<input name="act" type="hidden" value="signin" />
</td>
</tr>
</table>
</form>
</div>
<div class="col-md-6">
<h3 class="text-center"><i class="fa fa-sign-in"></i> 註冊會員</h3>
<form action="flow.php?step=login" method="post" name="formUser" id="registerForm" onsubmit="return checkSignupForm(this)" class="form-inline">
<table class="table">
<tr>
<th width="100" class="text-right">
{$lang.username}
</th>
<td>
<input name="username" type="text" class="form-control" placeholder="請輸入帳號" id="username" required />
</td>
</tr>
<tr>
<th class="text-right">
{$lang.email_address}
</th>
<td>
<input name="email" type="text" class="form-control" placeholder="請輸入電子信蕭" id="email" required />
</td>
</tr>
<tr>
<th class="text-right">
{$lang.password}
</th>
<td>
<input name="password" type="password" class="form-control" placeholder="請輸入密碼" id="password" />
</td>
</tr>
<tr>
<th class="text-right">
{$lang.confirm_password}
</th>
<td>
<input name="confirm_password" type="password" class="form-control" placeholder="請再次輸入密碼" id="confirm_password" />
</td>
</tr>
<!-- 判斷是否啟用驗證碼{if $enabled_register_captcha}we-shop.net -->
<tr>
<th class="text-right">
{$lang.comment_captcha}
</th>
<td>
<input type="text" size="8" class="form-control pull-left" style="width: 70px;margin-right: 5px;" placeholder="驗證碼" name="captcha" /><img src="captcha.php?{$rand}" alt="captcha" style="vertical-align: middle;cursor: pointer;margin-top: 6px;" onClick="this.src='captcha.php?'+Math.random()" />
</td>
</tr>
<!--{/if}-->
<tr>
<td colspan="2" class="text-center">
<input type="submit" class="btn btn-danger" name="Submit" value="{$lang.forthwith_register}" />
<input name="act" type="hidden" value="signup" />
</td>
</tr>
</table>
</form>
{if $need_rechoose_gift}
<div class="text-center">{$lang.gift_remainder}</div>
{/if}
<!-- 結束會員登入註冊界面we-shop.net -->
</div>
</div>

<!-- 開始收件人內容填寫界面we-shop.net -->
<div class="row">
<div class="col-md-12">
<h3 class="text-center"><i class="fa fa-sign-in"></i> {$lang.consignee_info}</h3>
<!-- 如果有收件地址,循環顯示會員的收穫地址we-shop.net -->
<!-- {foreach from=$consignee_list item=consignee key=sn}we-shop.net -->
<form action="flow.php" method="post" name="theForm" id="theForm" onsubmit="return checkConsignee(this)" class="form">
{include file='library/consignee.lbi'}
</form>
<!-- {/foreach}we-shop.net -->
</div>
</div>





在不同的版面寬度,有時必須使用不同的CSS來動態更改,此時可以配合CSS3的媒體查詢來使用,例如:
<style type="text/css">
/* 預設的CSS */
.th {background: transparent;color: #3b270f;padding: 6px 0;text-align: left;margin-bottom: 0;}
.th span{color: red;}
/* 當寬度小於750像素時 */
@media screen and (max-width: 750px){
.th {background: #3b270f;color: #f2f2f2;padding: 3px 0;text-align: center;margin-bottom: 5px;}
.th span{color: yellow;}
}
</style>

只有本站虛擬主機會員才能對文章發表問題
如果你是本站虛擬主機會員請先至會員中心首頁綁定主機帳號
其他會員請至留言板提問!