Teamplates hướng dẫn tạo cửa hàng trực tuyến

hướng dẫn tạo cửa hàng trực tuyến

Giỏ mua hàng mà tôi sử dụng ở đây là simplecart thực hiện trong web . Tôi có đưa USD tiền tệ hoặc đô la trong teamplates nhưng nó vẫn không thể được sử dụng cho các giao dịch trực tiếp qua paypal, vì Paypal chưa nhận đô la khi thanh toán cho tài khoản của bạn. Vì vậy, nếu bạn muốn mặc mẫu này cho bán hàng trực tuyến, hàng hóa dùng một lần đánh giá đô la  ...?. Bây giờ tôi sẽ giải thích những mẫu cài đặt và một số tính năng trên mẫu này:

Cài đặt cho sản phẩm

Trong việc tạo ra một bài viết mới, lưu ý cấu trúc của mã dưới đây:

<div class="product_image">

<a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a>

<span class="item_price">$00.00</span></div>

<div class="product_describe">

Description your product.............
</div>

Mô tả:
Màu đỏ : nhập địa chỉ của hình ảnh sản phẩm của bạn trên cả hai mã màu đỏ ở trên. Hãy thử hình dung mà bạn tải lên các chiều dài và chiều rộng tương tự, ví dụ, 300 x 300 px 
màu vàng : giá của sản phẩm 
màu xanh : các mô tả về sản phẩm mã trên là mã mà bạn cần để bắt đầu trong việc đưa ra bài viết mới nhất, và để làm cho nó dễ dàng hơn để bạn không sao chép và dán liên tục mã khi thực hiện một bài báo gần đây, nhập mã trong bài viết mẫu cột. 
Đi đến các cài đặt , chọn bài viết và ý kiến >> bài mẫu . Nhấn Add, sau đó nhập mã trên vào hộp trống như hình dưới đây, cuối cùng lưu các thiết lập .

Giỏ hàng

Mua sắm giỏ hàng tính năng được sử dụng ở đây để tạo thuận lợi cho quản lý cửa hàng trực tuyến trong giao dịch qua Paypal. Nhưng kể từ Paypal đã không nhận được Euro thanh toán, vì vậy các thiết lập cho các tiền tệ là đồng đô la. Để thay thế một tài khoản Paypal có trong blog của bản demo này với tài khoản Paypal của bạn, tìm mã dưới đây:

<script type='text/javascript'>

simpleCart.email = &quot;[email protected]&quot;;

simpleCart.checkoutTo = PayPal;

simpleCart.currency = USD;

simpleCart.taxRate  = 0.02;

simpleCart.shippingFlatRate = 3.25;

simpleCart.shippingQuantityRate = 1.00;

simpleCart.cartHeaders = [&quot;thumb_image&quot; , &quot;Quantity_input&quot; ,   &quot;Total&quot;, &quot;remove&quot; ];

</script>

Thay đổi email màu đỏ ở trên với email của bạn (email đã được đăng ký trong Paypal) Tính năng Hỗ trợ

1. Trượt mà tôi đính kèm ở đây hoạt động tự động, hiển thị cho bạn các bài viết mới nhất của bài số 8.Nếu bạn muốn hiển thị cho mỗi thể loại hay nhãn hiệu, tìm mã này trong Edit HTML (không quên kiểm tra mở rộng mẫu tiện ích ):
   

   <script>

   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);

   </script>

   Thay thế bằng đoạn mã sau:
   

   <script>
   document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/your label?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
   </script>

   Thay đổi mã màu xanh với nhãn bạn muốn hiển thị trên thanh trượt.
2. Để thay đổi các đăng ký email đó là dưới sự điều hướng, mã này trong Edit HTML (không quên kiểm tra các hộp mở rộng tiện ích mẫu):
   <form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
   Mô tả:
   Màu xanh : thay đổi địa chỉ nguồn cấp dữ liệu.
3. Liên hệ trực tuyến Widget
   Đặt đoạn mã sau vào hộp HTML / Javascript
   <table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'>
   <tbody>
   <tr>
   <td height='1'>Customer Service A</td>
   
   <td align='right' height='1'><a href='ymsgr:sendIM?youryahoousername1'><img border='0' height='16' src='http://opi.yahoo.com/online?u=youryahoousername1&m=g&t=1' style='padding-top:3px' width='64'/></a></td>
   </tr>
   </tbody>
   </table>
   
   <div style='display: block;'>
   <table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'>
   <tbody>
   <tr>
   <td align='left' height='1'>Custumer Service B</td>
   <td align='right' height='1'><a href='ymsgr:sendIM?youryahoousername2'><img border='0' height='16' src='http://opi.yahoo.com/online?u=youryahoousername2&m=g&t=1' style='padding-top:3px' width='64'/></a></td>
   </tr>
   </tbody>
   </table></div>
   
   <p align="center"><a href="http://mas-template.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFAZNctDxgJYygPRpxo0fHqdd4e2rU3H3jFDiLaeMskD5pOjTVEIAVfoUE7_vR-INld7Dd-CWCeGkoFunWhm7skWzJjyRa7hSlrjMephANwG5DQe0tvbqpjZ5sEd-2kzmRcanYHufcVac/s1600/donate.png" alt="twitter maskolis" /></a></p>
   
   Thay thế youryahoousername1 và youryahoousername2 với ID yahoo của bạn.
4. Các mẫu này sử dụng mô hình hộp ý kiến đã được sửa đổi, cho phép các chức năng bạn cần để trả lời mã này trong Edit HTML , một lần nữa đừng quên đánh dấu vào ô mở rộng mẫu tiện ích :
   

   <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=2440873145683465163&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>

   Màu đỏ trong đoạn mã trên là blog của ID demo, bạn phải thay thế các ID của blog của bạn được đặt trên trình duyệt khi bạn đi vào bảng điều khiển, như hình dưới đây:
   
   
   
5. Bài thumbnail phổ biến các vật dụng, thiết lập như trong hình dưới đây:
   
   
   
   
   Đáng chú ý là đánh dấu chỉ hình thu nhỏ , rời khỏi hộp đoạn không cần phải được kiểm tra sản phẩm nào. Tiêu đề và số lượng bài viết mà bạn muốn hiển thị lên cho bạn.

Một tính năng mà tôi nghĩ là dễ dàng, chẳng hạn như cài đặt Yahoo Messenger và những người khác. Mẫu này cũng đi kèm với hiệu ứng phóng to vào hình ảnh nếu bạn chỉ con trỏ vào hình ảnh, hình ảnh sẽ được tự động mở rộng phù hợp với vị trí của con trỏ. Có thể nó chỉ là tôi cần phải giải thích về mẫu này, như mọi khi, nếu không có rõ ràng xin vui lòng để lại ý kiến ​​của bạn trong hộp bình luận ở phía dưới. Chúc may mắn và hy vọng hữu ích.

Khuyến khích :

1. Đọc hướng dẫn này để hoàn thành mẫu cài đặt.
2. Tôi đề nghị để tải lên hình ảnh của sản phẩm với chiều dài và chiều rộng tương tự, ví dụ, 300 x 300 px.
3. Vì vậy, kết quả cuối cùng trong việc sử dụng tối đa của mẫu này và bố trí bài thường xuyên, các tiêu đề bài viết không nên quá dài, bởi vì nó sẽ di chuyển hình ảnh xuống.
4. Để tăng tốc độ tải, lưu javascript hiện trên mẫu này trong Google Code khu vực lưu trữ của bạn. 

Cập nhật :

Để thay đổi biểu tượng tiền tệ của $ (đô la) để IDR (rupiah) vào giỏ hàng:

1. Tìm URL của kịch bản này trong Edit HTML :
   

   http://jagad.googlecode.com/files/WojosimpleCart-IDR.js

   Đã gặp gỡ với các URL thay đổi kịch bản:
   

   https://masolis-javascript.googlecode.com/svn/trunk/blackstorecart-rupiah.js

2. Bước tiếp theo, vẫn còn trong Edit HTML thay thế USD trong mã này:
   

   simpleCart.currency = USD;

   được 

   simpleCart.currency = IDR;

Cuối cùng lưu mẫu, và bạn sẽ thay đổi tiền tệ sang đô la. Nhưng lưu ý ở đây,  nó chỉ là một sự thay thế của đồng tiền duy nhất, không để làm một kiểm tra hoặc thanh toán trực tiếp thông qua Paypal.

Tải templates này tại ĐÂY