Code Xem giỏ hàng blogSpot

  Trước hết tự tạo một  tiện ích mớirồi gián đoạn Code  dưới đây :

<div id="maincart">

<h2>

Giỏ Hàng Của Bạn</h2>

<b></b><br />

<b>Số SP hiện có: </b><br />

<b><span class="simpleCart_quantity"></span></b><br />

<br />

<b><u class="title">Thành tiền: </u></b><br />

<b><u class="title"><span class="simpleCart_total"></span> </u></b><br />

<br />

<br />

<ul>

<li><a class="simpleCart_empty" href="javascript:;">Xóa Hết</a></li>

<li><a class="mycart" href="javascript:yourbag( );">Xem Giỏ Hàng</a></li>

</ul>

<div>

Giỏ Hàng Của Bạn


Số SP hiện có:


Thành tiền:

 Sau đó ta vào để tạo trang mới rồi vào phần HTML  và dán Code
<script src="https://d2g9qbzl5h49rh.cloudfront.net/static/prototype.forms.js" type="text/javascript"></script>
<script src="https://d2g9qbzl5h49rh.cloudfront.net/static/jotform.forms.js?3.2.6751" type="text/javascript"></script>
<script type="text/javascript">
   JotForm.init(function(){
      JotForm.highlightInputs = false;
      JotForm.onSubmissionError="jumpToSubmit";
   });
</script>
<link href="https://d2g9qbzl5h49rh.cloudfront.net/static/formCss.css?3.2.6751" rel="stylesheet" type="text/css"></link>
<link href="HTTPS://d2g9qbzl5h49rh.cloudfront.net/css/styles/nova.css?3.2.6751" rel="stylesheet" type="text/css"></link>
<link href="https://d2g9qbzl5h49rh.cloudfront.net/css/printForm.css?3.2.6751" media="print" rel="stylesheet" type="text/css"></link>
<style type="text/css">

    .form-label-left{
        width:130px !important;
    }
    .form-line{
        padding-top:6px;
        padding-bottom:6px;
    }
    .form-label-right{
        width:130px !important;
    }
    .form-all{
        width:100%;
        color:#288F00 !important;
        font-family:'Arial';
        font-size:12px;
    }
    .form-radio-item label, .form-checkbox-item label, .form-grading-label, .form-header{
        color: #288F00;
    }

</style>
<link href="HTTPS://d2g9qbzl5h49rh.cloudfront.net/css/styles/buttons/form-submit-button-book_blue2.css?3.2.6751" rel="stylesheet" type="text/css"></link>
<style>.post {padding:0;background:none;}.post h3{border-bottom:5px solid #178ada;font:700 20px tinos;padding:8px 0 5px 0;margin:0}.post h3 a{color:#28b801;}</style>
<br />
<form accept-charset="utf-8" action="https://submit.jotform.me/submit/51060558787463/" class="jotform-form" id="51060558787463" method="post" name="form_51060558787463">
<input name="formID" type="hidden" value="51060558787463" />

<br />
<div class="form-all">
<ul class="form-section page-section">
<li class="form-line" data-type="control_text" id="id_12">
<div class="form-input-wide" id="cid_12">
<div class="form-html" id="text_12">
</div>
</div>
</li>
<div class="deletedh">
<li><a class='mycart' href='javascript:yourbag();' title="Thanh toán đơn hàng">THANH TOÁN ONLINE NGÂN LƯỢNG HOẶC BẢO KIM </a>
<a class="simpleCart_empty" href="javascript:;" title="Xóa hết đơn hàng">                         ------->>  Xóa hết <<--------  </a></li>
</div>
<li class="form-input-wide" data-type="control_head" id="cid_13">
<div class="form-header-group">
<div class="header-text httal htvam">
<h2 class="form-header" id="header_13">
              Thông tin người mua hàng
            </h2>
</div>
</div>
</li>
<li class="form-line jf-required" data-type="control_textbox" id="id_5">
<label class="form-label form-label-left form-label-auto" for="input_5" id="label_5">
          Họ và tên
          <span class="form-required">
            *
          </span>
</label>
<div class="form-input jf-required" id="cid_5">
<input class=" form-textbox validate[required]" data-type="input-textbox" id="input_5" name="q5_hoVa" size="40" type="text" value="" />
</div>
</li>
<li class="form-line jf-required" data-type="control_textbox" id="id_8">
<label class="form-label form-label-left form-label-auto" for="input_8" id="label_8">
          Di động
          <span class="form-required">
            *
          </span>
</label>
<div class="form-input jf-required" id="cid_8">
<input class=" form-textbox validate[required, Numeric]" data-type="input-textbox" id="input_8" name="q8_diDng" size="30" type="text" value="" />
</div>
</li>
<li class="form-line jf-required" data-type="control_textbox" id="id_9">
<label class="form-label form-label-left form-label-auto" for="input_9" id="label_9">
          Email
          <span class="form-required">
            *
          </span>
</label>
<div class="form-input jf-required" id="cid_9">
<input class=" form-textbox validate[required, Email]" data-type="input-textbox" id="input_9" name="q9_email" size="40" type="text" value="" />
</div>
</li>
<li class="form-line jf-required" data-type="control_textbox" id="id_7">
<label class="form-label form-label-left form-label-auto" for="input_7" id="label_7">
          Địa chỉ nhận hàng
          <span class="form-required">
            *
          </span>
</label>
<div class="form-input jf-required" id="cid_7">
<input class=" form-textbox validate[required]" data-type="input-textbox" id="input_7" name="q7_diaChi" size="40" type="text" value="" />
</div>
</li>
<li class="form-line" data-type="control_radio" id="id_10">
<label class="form-label form-label-left form-label-auto" for="input_10" id="label_10"> Thanh toán </label>
<div class="form-input jf-required" id="cid_10">
<div class="form-multiple-column" data-columncount="2">
<span class="form-radio-item">
<input class="form-radio" id="input_10_0" name="q10_thanhToan" type="radio" value="Trực tiếp" />
<label for="input_10_0"> Trực tiếp </label>
</span>
<span class="clearfix">
</span>
<span class="form-radio-item">
<input checked="checked" class="form-radio" id="input_10_1" name="q10_thanhToan" type="radio" value="Chuyển khoản" />
<label for="input_10_1"> Chuyển khoản </label>
</span>
<span class="clearfix">
</span>
</div>
</div>
</li>
<li class="form-line" data-type="control_textarea" id="id_11">
<label class="form-label form-label-left form-label-auto" for="input_11" id="label_11"> Nội dung </label>
<div class="form-input jf-required" id="cid_11">
<textarea class="form-textarea" cols="44" id="input_11" name="q11_niDung11" rows="9"></textarea>
</div>
</li>
<li class="form-line always-hidden" data-type="control_textarea" id="id_14">
<label class="form-label form-label-left form-label-auto" for="input_14" id="label_14"> Don hang </label>
<div class="form-input always-hidden jf-required" id="cid_14">
<textarea class="form-textarea" cols="40" id="input_14" name="q14_donHang" rows="6"></textarea>
</div>
</li>
<li class="form-line" data-type="control_button" id="id_2">
<div class="form-input-wide" id="cid_2">
<div class="form-buttons-wrapper" style="text-align: center;">
<button class="form-submit-button form-submit-button-book_blue2" id="input_2" type="submit">
              Đặt hàng
            </button>
<button class="form-submit-reset form-submit-button-book_blue2" id="input_reset_2" type="reset">
              Làm lại
            </button>
</div>
</div>
</li>
<li style="display: none;">
        Should be Empty:
        <input name="website" type="text" value="" />
</li>
</ul>
</div>
<input id="simple_spc" name="simple_spc" type="hidden" value="51060558787463" />
<script type="text/javascript">
  document.getElementById("si" + "mple" + "_spc").value = "51060558787463-51060558787463";
  </script>
</form>
<div class="mycart" id="paynow" name="paynow">
<h3>
Thông tin giỏ hàng của bạn</h3>
<div class="simpleCart_items">
</div>
<div class="clear">
</div>
<div class="mycartinfo">
<table><tbody>
<tr><td class="title">Số lượng: </td><td class="numb"><span class="simpleCart_quantity"></span></td></tr>
<tr><td class="title">Thành tiền: </td><td class="numb"><span class="simpleCart_total"></span></td></tr>
<tr><td class="title">Phí ship tạm tính: </td><td class="numb"><span class="simpleCart_shippingCost"></span></td></tr>
<tr><td class="title">Tổng cộng: </td><td class="numb"><span class="simpleCart_finalTotal"></span></td></tr>
</tbody></table>
<div class="clear">
</div>
<br />
<br />
<div class="button_checkout">
<div style="float: left; font-weight: bold; margin: 10px 0 0 8px;">
Thanh toán qua:</div>
<a class="simpleCart_checkoutNL" href="javascript:;" title="Thanh toán qua Ngân Lượng"></a>
<a class="simpleCart_checkoutBK" href="javascript:;" title="Thanh toán qua Bảo Kim"></a>
<a class="simpleCart_checkoutPP" href="javascript:;" title="Thanh toán qua Paypal"></a>
</div>
</div>
</div>
 Thì ta sẽ được trang giỏ hàng.
Chuyên mục:

NHẬN XÉT&BÌNH LUẬN