Catalogspot - Template Blogspot bán hàng tích hợp thanh toán

Như tiêu đề đã nói, Catalogspot là một mẫu blogspot bán hàng đã tích hợp thanh toán bằng Paypal cho các bạn muốn mở shop bán hàng. Hãy cùng xem Demo bên dưới để cảm nhận những điều thú vị mà chúng tôi sắp mang lại cho bạn nhé

Xem Demo | Download Template

Các tính năng nổi bật

• Slide Show chuyên nghiệp và mượt mà là điểm nhấn cực mạnh của mẫu này.
• Menu Drop Down giúp bạn có nhiều lựa chọn phân chia các danh mục sản phẩm.
• Thiết kế kịch bản trên trang chủ đem lại cảm giác thân thiện với khách hàng.
• Các sản phẩm được trưng bày theo dạng lưới.
• Tích hợp nút Add to card và hỗ trợ thanh toán bằng paypal.

 Cài đặt thanh toán

Để cài đặt thanh toán qua Paypal bạn chọn Edit HTML và tìm đoạn code bên dưới

<script type='text/javascript'>
//<![CDATA[
/*----------------------------
CART SETTING
-----------------------------*/

$(function(){
   simpleCart({
       checkout: { 
           type: "PayPal" , 
           email: "Your_Store@yours.com" 
       } 
   });

/*----------------------------
SHIPPING RATE SETTING
-----------------------------*/
simpleCart.shipping(function(){
    if( simpleCart.quantity() > 20 ){
         return 0;
     } else {
         return 10;
     }
}); 
});   
//]]> 
</script>

Thay thế địa chỉ email bằng đia chỉ Email Paypal của bạn và thêm phí vận chuyển (Shipping Rate) là $10 nếu khách hàng mua ít hơn 20 sản phẩm và miễn phí nếu mua trên 20 sản phẩm.

Cách đăng bài viết

Các bài viết giới thiệu sản phẩm đã được định dạng, vì vậy bạn đăng bài viết bằng cách copy đoạn code dưới đây

<div class="item_image">
<img border="0" class="item_thumb" src="YOUR_IMAGE_URL.jpg" />
<span class="item_price">$00.90</span>
</div>
<div class="item_Description">
Some text for item description
</div>

Bạn cần có một hình ảnh mô tả cho sản phẩm (chú ý chiều rộng của ảnh phải hơn 700px), giá của sản phẩm và mô tả sản phẩm.

Tạo trang giỏ hàng

1. Bấm vào danh mục TRANG (PAGES)
2. Bấm tạo trang mới (New Page)
3. Chuyển sang chế độ xem HTML và copy đoạn code bên dưới

<div class="cart-view left">
<div class="simpleCart_items"></div>
</div>
<div class="cart-info right">
Shipping rate : <span class="simpleCart_shipping"></span>
<br/>
Total : <span class="simpleCart_grandTotal"></span> 
<br/>
<br/>
<br/>
<div class="ck-btn">
<a href="javascript:;" class="simpleCart_checkout">Ready Checkout</a>
</div>
</div>

4. Cuối cùng là xuất bản trang.

Hi vọng bạn sẽ thích Template Catalogspot này mà LongDuyen.Com đã chia sẻ. Hãy để lại những cảm nhận của bạn sau khi sử dụng template này nhé.
Thanks loefa-cebook for sharing this great template :-)