Template Số 1
được khá nhiều blogger lựa chọn làm site bán hàng online , template blogger store này khá ấn tượng với slide của jquery được tích hợp sẵn sàng, màu sắc bắt mắt , chỉ cần cài đặt là sử dụng dễ dàng.
bonus với templates blogger store này thì cách post bài ( sản phẩm ) theo 1 mẫu sẵn đỡ mất time -
setting->postting and comment->post template click add và dán code mẫu này vào
<div class="item_image">
<img border="0" class="item_thumb" src="image.jpg" /> <span class="item_price">$00.00</span></div>
<div class="item_Description">
Descriptions... </div>
1-để post sản phẩm mới ta chỉ cần thay
-src là link ảnh của sản phẩm
-$00.00 thay là giá sản phẩm
-Descriptions thay mô tả sản phẩm
2-Để thanh toán qua paypal ta mở template->edit html tìm dòng này
simpleCart.email thay bằng email của bạn trên paypal cụ thể
<script type='text/javascript'>
//<![CDATA[
/* SIMPLE CART SETTING
>>>>>>>>>>>>>>>>>>>>>>>>*/
simpleCart.email = 'email@gmail.com';
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
//]]>
</script>
-
3- thay menu (top menu)
tìm dòng code
<div class='clearfix' id='container'>
<div id='top-bar'>
<ul id='top-nav'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Category</a>
<ul class='sub-menu'>
<li><a href='#'>Category 1</a></li>
<li><a href='#'>Category 2</a></li>
<li><a href='#'>Category 3</a></li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>About</a></li>
</ul>
thay đường link hay hiển thị vào cho nó phù hợp
ví dụ
<li><a href='http://shimivn.blogspot.com/'>Home</a></li>
<li><a href='http://www.atsuu.com/search/label/facebook'></a></li>
4- thay menu icon mạng xã hội có sẵn bằng địa chỉ của bạn
<ul id='top_social'>
<li class='social_facebook'>
<a href='#' tooltip='facebook'><span>facebook</span></a></li>
<li class='social_twitter'>
<a href='#' tooltip='twitter'><span>twitter</span></a></li>
<li class='social_linkedin'>
<a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
<li class='social_rss'>
<a href='#' tooltip='linkedin'><span>linkedin</span></a></li>
</ul>
5- thay menu ngang - menu chính
<ul class='nav'>
<li><a class='current' href='/'>Home</a></li>
<li><a href='#'>Product Category</a>
<ul>
<li><a href='#'>Camera</a></li>
<li><a href='#'>Gadget</a></li>
<li><a href='#'>Electronic</a></li>
<li><a href='#'>Phone</a></li>
</ul>
6 thay đổi thông số slide - sản phẩm nổi bật
tìm dòng code product_image = new Array();
đầy đủ
<script type='text/javascript'>
//<![CDATA[
random = true;
product_image = new Array();
product_image[0] = "/noimage.png"; // đường dẫn ảnh hiển thị khi sản phẩm không có ảnh minh họa.
product_image_width = 250; // chiều rộng ảnh.
product_image_height = 260; // chiều cao ảnh
product_image_number = 9; // số sản phẩm để trong slide.
//]]>
</script>
Template số 2 có tên simplex eshop do đinh quang huy design đây là template nguyên thủy cho các template trên,vì chú trọng các tính năng mà ít để ý đến template ,để sử dụng chắc phải sửa template này lại khá nhiều .
Các chức năng tương tự template trên
Thay đổi Các thông số cho hợp với shop thì bạn có thể vào đây đọc thêm
ưu điểm nổi bật của template này so các template khác ,là không chỉ post sản phẩm mà template này cho phép bạn post cả tin tức vào shop .
Template sô 3
tương tự như template số 1 chỉ đơn thuần là quảng bá sản phẩm ,
Template nhìn khá đơn giản màu sắc bố cục , đẹp.
thay đổi thông số cho phù hợp bạn vào đây
ưu điểm
* không sợ hack,ddos ,hay vấn đề kỹ thuật do sự cố host.
* Cài đặt đơn giản nhanh chóng chỉ cần tài khoản blogger ( gmail ) là có ngay shopping cart
* khả năng SEO mạnh mẽ với url friendly sẽ nhanh chóng đưa bạn vào top SE.
* Tiết kiệm chi phí khi mà chỉ cần mua thêm 1 domain quốc tế add vào blogspot là ok.
* tích hợp javascript hay jquery tăng hiệu ứng cho website
Mình muốn tích hợp thêm ngân lượng vào có được ko?????
ReplyDeletetất nhiên là được , tuy nhiên vì blogspot chỉ là mã html , cho nên để bán từng sản phẩm( từng post trên blogspot) bạn sẽ phải tạo trên ngân lượng từng đó nút thanh toán .
ReplyDeleteBạn ơi hướng dẫn chi tiết mình cách post sản phẩm cho mẫu số 1 .
ReplyDeleteMình làm thử mà chưa đc như demo
Bạn xem thử giùm mình nhé http://klinkthainguyen.blogspot.com/
Cảm ơn bạn đã chia sẻ Tempale
Cần chỉnh sửa như nào để khi click vào More Info thì nó hiện thêm thông tin vậy bạn?
ReplyDeleteđoạn này trên bài nè
ReplyDeletesetting->postting and comment->post template click add và dán code mẫu này vào.....
để sửa lỗi template này khi click more info ta làm như sau
ReplyDeletemở rộng giao diện HTML (Expand Widget Templates ) tìm đến code
a class='more_info'.......
thay bằng
a class='more_info' expr:href='data:post.url'
giao diện nào cũng cần sửa chữa - không lỗi ie thì FF ..
Mình tự thiết kế một mẫu đơn giản tại đây: SiEMobi - Mẫu cửa hàng Online cho Blogger
ReplyDeleteNó rất dễ cài đặt và sử dụng và đặc biệt là gần như tự động, bạn ít phải cài đặt các tính năng.
cảm ơn bạn nhiều!
ReplyDeletemình có thể thay đổi cột menu bên phải sang bên trái được không bạn,mong bạn giúp đỡ.cảm ơn bạn nhiều
ReplyDelete