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.
<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">
<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:
Thủ thuật Blogspot