作者 主題: 21、RWD響應式網頁設計- Ecshop 登入與收件地址  (閱讀 650 次)

0 會員 與 1 訪客 正在閱讀本文。

離線 andy

  • 管理員
  • 正式會員
  • *****
  • 積分 +1/-0
  • 性別: 男
    • 原來如此
21、RWD響應式網頁設計- Ecshop 登入與收件地址
« 於: 七月 22, 2019, 11:11:03 下午 »
當消費者確定進入結算中心時,可選登入、註冊或直接購買(視後台設定),若是會員登入且之前有購買紀錄,就會直接轉入結帳頁面,否則會與直接購買一樣轉入收件人填寫頁面,若是已登入會員則收件人資料將會自動寫入資料庫,供下次購買使用:
代碼: [選擇]
<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&amp;{$rand}" alt="captcha" style="vertical-align: middle;cursor: pointer;margin-top: 6px;" onClick="this.src='captcha.php?is_login=1&amp;'+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&amp;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>

代碼: [選擇]
<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>
LINE ID:ecshop_weshop
Email:andy@we-shop.net
聯絡我:https://we-shop.net/contactus.php