Hướng Dẫn Cài Đặt Template TinhDauOnline V6.x cơ bản

• Template TinhdauOnline Premium + phiên bản (File Giao diện)
• DATA TinhdauOnline Premium + phiên bản (File DATA)

Tải file Template TinhDauOnline Premium

2. UP FILE DATA:

Lấy link giỏ hàng vừa tạo

• Truy cập vào phần Trang -> Giỏ hàng (Vào trang 3/3 mới gặp) -> Chuyển sang Tab HTML
• Nhấn Ctrl + F và tìm mã "Entry." Có 6 thẻ Entry. tương tự như trong Google Form.

Phần HTML của giỏ hàng có 6 mã Entry.

Bước 4: Thay mã entry Google Form -> Giỏ hàng.

Thay tương ứng thứ tự của các mã Entry.

a) Code sản phẩm ở các tầng:

<!-- Tầng 1 start-->
<div class='spntabs'>
<div class='tabss-1'>
<div class='floor__title1 container'><div class='column-1'><div class='floor__text1'>
<div class='floor__text__val'>TẦNG</div></div><div class='floor__number'>1</div>
<div class='column-4 column'/>
<div class='floor__name'>Sản Phẩm Khuyến Mãi <i class='fa fa-angle-double-down'/></i></div>
</div></div>
</div></div><br/>
<div class='firmware'>
<div class='middle listpro'>
<script type='text/javascript'>
//<![CDATA[
document.write("<script src=\"/feeds/posts/default/-/khuyen-mai?max-results="+10+"&orderby=published&alt=json-in-script&callback=namcot\"><\/script>");
//]]>
</script>
</div></div>
<div class='floor__namez'><a href='/search/label/Đang%20Khuyến%20Mãi' rel='nofflow'>Xem thêm &#8250;</a></div>
<div clear='both'/>
<!-- Tầng 1 end-->

Ý nghĩa:

• khuyen-mai là nhãn cần hiển thị
• +5+ là số lượng bài viết hiện ra. Ở đây để 5 là hiển thị ra 5 bài viết
• namcot: 1 hàng sẽ hiển thị 5 sản phẩm
• boncot: 1 hàng sẽ hiển thị 4 sản phẩm

Phần IV. Thêm Fanpage

<div class="fb-page" data-adapt-container-width="true" data-hide-cover="false" data-href="https://www.facebook.com/tinhdauonline.com.vn" data-show-facepile="true" data-small-header="false" data-tabs="timeline"></div>

3. CÀI ĐẶT BẢN ĐỒ

Phần code nhúng bản đồ cần thay lại

• Kích thước chuẩn là width='710' và height='290' phù hợp với màn hình 1366x768 (Màn hình HD)
• Kích thước chuẩn là height='320'  width='910' phù hợp với màn hình 1600x900 (Màn hình HD+)

4: Thay link bản quyền dưới chân trang web

<script>$(function() {  $(".City").change(function() {                             var id = $(this).val(); //alert(id);                 $.ajax({                     url: '/Cart/ChangeCity/' + id,                     success: function (result) {                         $(".Districts").html(result);                     }                 });             })         }) </script>
<br />
<div class="hidden-message alert-box success" style="display: none;">
Cảm ơn quý khách đã gởi yêu cầu! Chúng tôi sẽ sớm liên lạc với quý khách trong thời gian sớm nhất. </div>
<div class="buocthanhtoan">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQ5skAQkBCHvmAnx8IIGsBw8YUJHNE9We_4NSVWPdP8fMpTqcceJ-24kODD_N42Mm8vLk-NH01aQThX4hlD-fVwNasDajid9kB-E0xoTG1H6vVKabz8bfasJhNPdsQY6AoiOa8ssmiPkH/s1600/thanh-toan.png" style="text-align: center; width: 100%;" />
</div>
<link crossorigin="anonymous" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" rel="stylesheet"></link>
<br />
<form action="https://docs.google.com/forms/d/e/1FAIpQLSd9y10Osny9vT5XArsPR6EvKL9Tq6dS1EQpSrgflwF7vMDpTw/formResponse?embedded=true" class="blockform" id="form_dathang" method="POST" onsubmit="return emptycart()" style="display: block;" target="hidden_iframe">
<div class="checkout">
<h2>
HOÀN THÀNH ĐẶT HÀNG (*)</h2>
<!-- Thay mã En(try. 1 phần tên -->
<br />
<div class="row contact-form">
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>    <span class="wpcf7-form-control-wrap your-name"><input aria-label="Họ và tên" aria-required="true" class="ss-q-short" dir="auto" name="entry.811008348" placeholder="1. Họ tên (*)" required="" title="" type="text" value="" /></span> </div>
</div>
<!-- Thay mã En(try. 2 phần Email -->
<br />
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope-o"></i></span>    <span class="wpcf7-form-control-wrap your-email"><input aria-label="Email (*)" aria-required="true" class="emailinput" dir="auto" name="entry.901499437" placeholder="2. Email (nếu có)" title="" type="text" value="" /></span> </div>
</div>
<!-- Thay mã En(try. 3 phần địa chỉ -->
<br />
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-map-marker"></i></span>    <span class="wpcf7-form-control-wrap diachi"><input aria-label="Địa chỉ (*)" aria-required="true" class="ss-q-short" dir="auto" name="entry.123989439" placeholder="3. Địa chỉ nhận hàng (*)" required="" title="" type="text" value="" /></span> </div>
</div>
<!-- Thay mã En(try. 4 phần số điện thoại -->
<br />
<div class="col-md-6">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-mobile"></i></span>    <span class="wpcf7-form-control-wrap sdt"><input aria-label="Số điện thoại (*)" aria-required="true" class="ss-q-short" dir="auto" name="entry.801102892" placeholder="4. Số điện thoại (*)" required="" title="" type="text" value="" /></span> </div>
</div>
<!-- Thay mã En(try. 5 phần ghi chú -->
<br />
<div class="col-md-12">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-comments"></i></span>  <span class="ghichuinput wpcf7-form-control-wrap your-message"><textarea aria-invalid="false" class="wpcf7-form-control wpcf7-textarea form-control ghichuinput" cols="40" name="entry.323600630" placeholder="Ghi chú: Ví dụ: Giao hàng cho tôi vào giờ hành chính." rows="4"></textarea></span> </div>
</div>
<hr />
<!-- Thay mã En(try. 6 -->
<label style="clear: both; color: #979797; padding-left: 15px; text-align: center;">Hóa đơn của bạn</label>
<br />
<div class="col-md-12">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-fire"></i></span> <textarea aria-label="Thông Tin SP " class="wpcf7-form-control wpcf7-textarea form-control" cols="20" dir="auto" id="cart_datatinhdauonline" name="entry.1877651533" readonly="readonly" rows="6"></textarea> </div>
</div>
<div class="best-choice">
<i aria-hidden="true" class="fa fa-check-square-o" style="font-size: 1.6rem;"></i> Sau khi đặt hàng thành công chúng tôi sẽ liên hệ để xác nhận đơn hàng đến bạn trong thời gian sớm nhất!</div>
<div class="col-md-12" style="float: right;">
<input class="wpcf7-form-control wpcf7-submit btn btn-success detail" type="submit" value="&gt;&gt; TÔI ĐẶT HÀNG &lt;&lt;" /><span class="ajax-loader"></span> </div>
</div>
</div>
<div class="left-muangay">
<div class="contact-info">
<div class="general__title">
<h2>
Có <span class="simpleCart_quantity" style="color: red; font-weight: 400; padding: 0;"></span><span class="simpleCart_finalTotal" style="float: right;"></span></h2>
</div>
<div class="content-muangay">
<div class="callout radius box_gio_hang">
<div class="simpleCart_items">
</div>
</div>
</div>
</div>
</div>
</form>
<style>
body{font-size:13px!important}
.btn-success{float:right}
@media (min-width: 1200px)
.container {
    width: 1200px;
}
.left-muangay{ width: 48%;     float: left;}
.content-muangay{  background: #f1f1f1;  width: 100%;    float: left;}
#yt_footer {background: #f2f2f2;}
 .likeFacebook,.col-md-8,.ic_ft_st,.wrap_footer,.breadcrumbs{display:none!important} .box_gio_hang{margin: 10px auto}   .checkout li{list-style:none} .checkout .btn-proceed-checkout:before {     content: &quot;\f00c&quot;;     font-family: FontAwesome;     font-size: 20px;     padding-right: 5px; }.item-info {     position: relative;     padding-left: 30px;     color: #555555;     line-height: 22px;     font-size: 14px;     font-family: Arial;     margin: 8px 0 10px; } .general__title h2 {border-bottom: 1px solid #ccc;
    overflow: hidden;
    background: #ddd;
    margin: 0;
    padding: 10px;
    font-size: 22px;
    color: #000;
    text-transform: uppercase;} .checkout .btn-continue:before {     content: &quot;\f060&quot;;     font-family: FontAwesome;     font-size: 12px;     padding-right: 8px; } .checkout .btn-proceed-checkout {width: 100%;     background: #ff5c01;     padding: 12px 15px;     color: #fff;     border: 1px solid #ff5c01; }.checkout .btn-continue {    width: 100%;    background: #9ab632;     padding: 13px;     border: 0; }
.checkout{ background: #f1f1f1;
    width: 50%;
    float: left;
    margin-right: 2%;
    font-size: 13px;
    padding: 0px 0 10px 0px;} .checkout h3{text-transform: uppercase;     font-weight: bold!important;     margin: 0;     color: #ed161d;     font: 160% roboto!important;     padding-bottom: 10px;}.box_gio_hang h3{background: linear-gradient(-135deg,rgb(142, 172, 27) 0%,#8fae1b 30%,#F2F2F2 30%,#F2F2F2 30%,#F2F2F2 100%);     text-transform: uppercase;     text-align: left;     margin: 0 0 7px 0px;     padding: 12px 15px 38px;     border-left: 3px solid #8fae1b;     /* background-color: rgba(255,255,255,0.68); */     /* color: #111; */     height: 30px;     /* font-size: 130%; */}
.box_gio_hang .itemContainer:hover{box-shadow: 0 0 15px #999}
.box_gio_hang .itemContainer{    padding: 1%;
    box-shadow: 0 0 5px #ccc;
    background:#fff;
    margin-bottom: 15px;
    /* border-bottom: 1px solid #ccc; */
    clear: both;
    overflow: hidden;
    margin: 1%;}
.lienhe{    overflow: hidden;
    background: #f0efef;
    padding: 20px;}
.left-muangay:hover .simpleCart_items{max-height:100%!important;transition: all 2.5s ease-out}
.itemthumb{    width: 120px;     height: 120px;     float: left;     margin: 0px 13px 0px 0;}.itemthumb img{width:100%;height:100%}.box_gio_hang .cartHeaders{display:none}.box_gio_hang .itemImage{width:80px;float:left}.box_gio_hang .itemName{  text-transform: uppercase;
    font: 14px roboto;
    font-weight: 600;
    padding: 11px 0;}.box_gio_hang .itemPrice{ color: #3e8049;
    overflow: hidden;
    font: bold 15px roboto;
    margin-bottom: 10px;}.itemContainer:hover .itemRemove{display:block}
.row{margin:0!important} #ss-submit{padding: 14px 12%;     cursor: pointer;     margin: 15px 0px;     background: #CC0000;     color: #FFF;     font-weight: 300;     font-size: 190%;     border: 0;} #ss-submit:hover{    background: #000} .box_gio_hang .itemdecrement{    margin-left: 6px;     float: left;     color: rgb(239,108,108);     font-size: 15px;     font-weight: bold} .box_gio_hang .itemPrice::before{content:'Đơn giá: ';font-family:roboto;color:rgb(239,108,108);font-weight:bold} .box_gio_hang .itemtotal::before{content:'Tổng tiền: ';font:15px roboto;color:rgb(239,108,108);font-weight:bold}  .box_gio_hang .itemRemove a:hover{color:#000}
.box_gio_hang .itemtotal{overflow: hidden;
    text-align: right;    display: table;
    /* width: 100%; */
    float: right;
    border-radius: 7px;
    /* margin-top: -30px; */
    /* float: left; */
    background: #f1f1f1;
    padding: 6px 2%;
    color: #4e69a2;
    font: 16px roboto}.box_gio_hang .itemQuantity{border-radius: 4px;
    font-size: 110%;
    font-weight: bold;    background: #fff;
    padding: 4px 12px 4px 8px;
    float: left;
    color: #ef6c82;
    border: 1px solid #ccc;} .box_gio_hang .itemQuantity:before{ font: 15px arial;content:'Số lượng: ';color:#4e69a2}.box_gio_hang .itemincrement{margin-left:-1px;padding-right:7px;float:left}.box_gio_hang .itemRemove{display:none;position: relative;
    z-index: 9;
    float: right;
    border-radius: 50%;
    width: 20px;
    text-align: center;
    color: #fff;}
 .box_gio_hang .itemRemove{background: #dbdbdb} .cart_top .cName{width:300px;float:left}.cart_top .cPrice{float:left;width:100px}.cart_top .cQuantity{float:left;width:145px;text-align:center}.cart_top .cTotal{width:120px;float:left}.box_gio_hang .itemincrement a,.box_gio_hang .itemdecrement a{    background: #fff;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #cccccc;
    padding: 5px 0px;
    display: inline-block;
    font-size: 13px;
    width: 30px;}
.checkout h2{ margin-top: 0;
    text-align: float;
    color: #666;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    background: #ddd;} .box_gio_hang .itemincrement a:hover,.box_gio_hang .itemdecrement a:hover{    text-decoration: none;
    color: #fff;
    background: #196923;} .box_gio_hang .itemRemove a{color:#646464;font:14px roboto}
.input-category:hover .select-custom{background:#107A23} .input-category{position:absolute}select.styled{opacity:0;z-index:5}.input-category .select-custom{    width: 100px;     height: 40px;     overflow: hidden;     position: absolute;     border-radius: 2px 0 0 2px;     padding: 12px 8px;     background: #0a5f14;     color: #fff;}.input-category select.styled{     cursor: pointer;} #ct_home .main-wrapper, #ct_home .block{width:100%}
@media only screen and (max-width:600px){
.menuleft span:last-child{display:none}
.simpleCart_items{max-height:100%!important}
.box_gio_hang .itemRemove{display:block}
.buocthanhtoan,.simpleCart_finalTotal:before{display:none}
.left-muangay,.checkout{width:100%!important}
.checkout{}.box_gio_hang .itemName{padding:7px 0}.itemthumb{width:100px;height:100px}.box_gio_hang .itemQuantity::before{display:none}.box_gio_hang .box_gio_hang .itemdecrement,.box_gio_hang .itemincrement{padding-top:0!important}.box_gio_hang .itemQuantity{margin-top:0!important}
}
 </style> 
<br />
<div class="contact-info">
<div class="general__title">
<h2>
THÔNG TIN LIÊN HỆ</h2>
<div class="lienhe">
<span style="font-size: medium;"><i aria-hidden="true" class="fa fa-map-marker"></i> Địa chỉ: 98 Nguyễn Văn Lượng, P.17, Q.Gò Vấp, TPHCM</span><br />
<span style="font-size: medium;"><i aria-hidden="true" class="fa fa-mobile"></i> Hotline 1: 0932.913.631</span><br />
<span style="font-size: medium;"><i aria-hidden="true" class="fa fa-mobile"></i> Hotline 2: 0868.909.631</span><br />
<span style="font-size: medium;"><i aria-hidden="true" class="fa fa-envelope"></i> Email: Tinhdauonline.com.vn@gmail.com</span></div>
</div>
</div>
<iframe __idm_frm__="633" id="hidden_iframe" name="hidden_iframe" onload="if(submitted){}" style="display: none;"></iframe>
<script type="text/javascript">    var submitted = false;      function emptycart() {         submitted = true;         $('.blockform').toggle();         $('.hidden-message').show();     }     $("iframe#hidden_iframe").on('load', function() {         simpleCart.empty();     });
</script>
<style>
.modal-header {     border-bottom: 1px solid #4471c2;     background: #4471c2;     text-align: center;     color: #fff; }  .modal-header {     min-height: 16.43px;     padding: 15px;     border-bottom: 1px solid #e5e5e5; } .contact-form .input-group {  margin-bottom: 10px;  float: left; }  .contact-form .input-group br {  display: none; } .contact-form .form-margin .input-group {  margin-bottom: 10px; }  .contact-form .input-group .input-group-addon {  border-radius: 0px;  background-color: #ddd;  border: none;  position: relative; }  .contact-form .input-group .input-group-addon i {  color: #979797;  font-size: 26px;  width: 24px;  height: 24px; }  .contact-form .input-group .form-control {     border-radius: 4px!important;background: #fff;
    border: 2px solid rgb(221, 221, 221);
    padding: 15px 15px;
    color: #444;
    min-height: 50px;
    box-shadow: none;} .box_gio_hang h3{display:none} #yt_footer .block-title{font-size:110%} </style> <style>
.best-gift{    display: none;color: #c09853;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    font-weight: normal;
    font-size: 1.4rem;
    padding: 10px;
    margin-bottom: 10px;
    line-height: 18px;}
  .simpleCart_items{max-height: 355px;
    overflow: overlay;
    overflow: auto;}
    .dropdown-submenu {
        position: relative;
    }
.best-choice {clear: both;
    background-color: #dfedd6;
    color: #629c44;
    border-bottom: 1px solid #cbe8ba;
    border-top: 1px solid #cbe8ba;
    font-weight: normal;
    font-size: 1.4rem;
    padding: 10px;
    margin-bottom: 10px;
    line-height: 18px;
}
h3{margin:0}
#footer-wrapper{display:none}
input[type="text"]{width:100%}
p{margin:0!important}
.simpleCart_quantity:after,.general__title h2 {font-weight: 300}
.simpleCart_quantity{font-size:100%!important}
input.ss-q-short{background: #faffbd}
input.ghichuinput{background: #ececec;}
</style>