Chúng tôi tự hào để phát hành Giỏ hàng , miễn phí bản mẫu đầu tiên thương mại điện tử / cửa hàng trực tuyến với " Thêm vào giỏ hàng "và chức năng Thanh toán PayPal cho Blogger. Nhiều người đã có một cái nhìn mà Blogger có thể được chuyển đổi thành một cửa hàng trực tuyến bởi vì mọi người nghĩ nó chỉ là một nền tảng cho người mới bắt đầu và không có các tính năng giống như một CMS. Tuy nhiên, chúng tôi đã làm cho nó có thể có trong mẫu này.
Nhờ những người sáng tạo của giỏ hàng đơn giản kịch bản mà toàn bộ quyền hạn chức năng giỏ hàng trong mẫu này. Đây là một ảnh chụp màn hình của blog mà chúng tôi thiết lập chỉ cho mục đích demo.
Nền tảng blog khác như WordPress có " Custom Fields "tùy chọn cho phép chúng tôi để thêm mô tả thêm như giá cả và hình thu nhỏ mà không có thêm mã HTML trong trình soạn thảo bài. Tuy nhiên, Blogger không có tính năng này. Vì vậy, chúng tôi tại Bloggermint.comcố gắng tốt nhất của chúng tôi để làm cho các mục gửi bài như là dễ dàng nhất có thể bằng cách sử dụng bảng phương pháp. Đây là bàn trông trong trình soạn thảo bài.
Template sử dụng Hướng dẫn
Sử dụng "Blogger Template bài viết "tính năng, chúng ta có thể trước khi định dạng trình soạn thảo bài viết với văn bản hoặc mã sẽ xuất hiện mỗi khi chúng ta tạo ra một bài mới. Vì vậy, chúng tôi sẽ làm cho việc sử dụng tính năng này trong các mẫu này. Đầu tiên, tải về Giỏ hàng Blogger mẫu và tải nó lên blog của bạn. Bây giờ, hãy vào Cài đặt > định dạng . Thiết lập số mong muốn của bài viết được hiển thị trong blog.
Sau đó, di chuyển xuống trang cho đến khi bạn thấy tùy chọn " bài mẫu ". Dán đoạn mã sau vào khu vực văn bản. Và bấm vào nút " Save ".
vào giỏ hàng " /> </ td> </ tr> <tr> <th> <b> phẩm Tên </ b> </ th> <td class = "ITEM_NAME" > Tên sản phẩm Goes mô tả sản phẩm ở đây! </ td> </ tr> <tr> <th> <b> chứng khoán có sẵn </ b> </ th> <td> số chứng khoán ở đây </ td> </ tr> tr < th> <b> Misc </ b> </ th> <td> thêm ngón tay cái / hình ảnh của sản phẩm ở đây </ td> </ tr> </ tbody> </ table>
Dưới đây là ảnh chụp màn hình của mẫu bài viết đã được thêm vào với các mã.
Bây giờ đi để viết bài | mới và bạn sẽ thấy bảng có trong trình soạn thảo bài viết của bạn.Bạn có thể loại bỏ các hình ảnh mặc định mà chúng tôi đã thêm vào trong các mã bằng cách nhấp vào nó và chọn " Hủy bỏ ". Sau đó, tải lên hình ảnh mặt hàng của bạn bên trong tế bào bảng. Chúng tôi đề nghị bạn sử dụng hình ảnh có kích thước trung bình.
Điền vào các tùy chọn khác như Item Name , Giá và mô tả bằng cách thay thế các văn bản mặc định. Họ sẽ được sử dụng như giá trị của kịch bản SimpleCart trong Thanh toán PayPal .Và hãy nhớ rằng bạn Tên mục phải là duy nhất . Bây giờ, nhấp chuột vào các chế độ HTMLtrong trình soạn thảo bài và loại bỏ các không cần thiết
<div> .... </ Div> trong mã cho hình ảnh mục. Chúng ta chỉ cần img <... /> đã được nêu bật trong hình dưới đây.
Vì vậy, điều này là làm thế nào nó sẽ xem xét một khi chúng ta loại bỏ các
<div> .... và <a href .... mà kết thúc tốt đẹp <img ... đang.
Bạn có thể thay đổi nó trở lại " Soạn thư "chế độ, thêm / chỉnh sửa bất kỳ thông tin về sản phẩm và nhấn nút " Publish ". Đó là tất cả.
Hướng dẫn cài đặt Email PayPal
Thiết kế> HTML . Tìm kiếm
simpleCart.email sử dụng tổ hợp phím CTRL + F . Bạn sẽ tìm thấy đoạn mã này.<script type='text/javascript'> simpleCart.email = "bloggermint@gmail.com"; simpleCart.checkoutTo = PayPal; simpleCart.cartHeaders = ["thumb_image" , "Quantity_input" , "Total", "remove" ]; </script>
Thay thế mặc định Replace the default PayPalPayPal email mà chúng tôi thiết lập ( email that we set (bloggermint@gmail.combloggermint@gmail.com ) của bạn. ) to yours. AndSave the template. You’re done! Here is a sample screenshot of PayPal pop up window during checkout.
We have planned for a paid PRO version of this Shopping Cart with more advanced features and professional look. Please keep the footer credit links intact. If you want to remove the link you have to pay a little fee. And, if you want to get the template customized , contact us. Also check our Blogger Template site Blogger Templates Hub Blog for latest blogger templates.
Update 08/06/2011 :
For those who don’t have PayPal/credit card, you might want to use email contact form. You can replace “Add to Cart” button with a email contact/feedback form link by following the steps below. Heartfelt thanks to one of our blog reader, Vivija(Ble) from Skopje, Macedonia, who spent her time to find this method.
First, go to Kontacr.com and register for a new account. Once you logged into Kontacr, scroll down the page until you see the “Ajax Embed Widget” or “Buttons Code” and get yourKontacr ID which will look like this :-
id=39662;. Copy it and keep it for the usage in the coming steps.Now, go to Design > Edit HTML . Add the code shown below just before the closing
</head>tag.<script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script>
Then, search for the piece of code shown below using CTRL + F.
input.item_add{ bottom: 9px; font-size: 11px; position: absolute; right: 15px; width: 90px; }
There are two
input.item_add{ codes in this template. But, you can differentiate them by looking at the CSS declarations inside { .... }. Search for the input.item_add{ code which comes earlier in CSS part. Then, replace it with this code.span.item_add{ bottom: 9px; font-size: 11px; position: absolute; right: 15px; width: 90px; }
So now, search for the second
input.item_add { code at the bottom of the CSS Part.input.item_add { font-size: 17px; height: 40px; margin: 5px 0 0 140px; position: relative; width: 120px; }
And replace it with
span.item_add { font-size: 17px; height: 40px; margin: 5px 0 0 140px; position: relative; width: 120px; }
And now click “Save Template”. Once saved, go to Settings > Formatting and search for the “Post Template” option which is located at the bottom of that page.
Add the following code into the text area there and click “Save Settings“. But before that, remember to change the
id=39662; with your ID in Kontacr which you get earlier.<table border="1" style="width: 660px;"> <tbody> <tr> <th class="item_thumb" id="thumb" width="45%"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvy7-eY4tPSaHyZ1CpnZduyWjCait8TXnDwdzwG_4ErT1kZupbGNwDp_DBZJv4ddOmFILNrnsht1llLgpILHV-G8lWWyYjiYMsVpLRWb6wV4sp6EM6huwc45ox7jvMxO6v-t_ZU8CybKp3/s1600/blue.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvy7-eY4tPSaHyZ1CpnZduyWjCait8TXnDwdzwG_4ErT1kZupbGNwDp_DBZJv4ddOmFILNrnsht1llLgpILHV-G8lWWyYjiYMsVpLRWb6wV4sp6EM6huwc45ox7jvMxO6v-t_ZU8CybKp3/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th> <td><span class="item_add"><script type="text/javascript"> id=39662; t=1; ctxt="Order Now"; </script> <script type="text/javascript" src="http://kontactr.com/kpu/kontactr.js"></script></span></td> </tr> <tr> <th><b>Item Name</b></th> <td class="item_name">Product Name Goes here!</td> </tr> <tr> <th><b>Price</b></th> <td class="item_price">$99.99</td> </tr> <tr> <th><b>Description</b></th> <td class="item_Description">Your product description here!</td> </tr> <tr> <th><b>Available Stock</b></th> <td>Stock count here!</td> </tr> <tr> <th><b>Misc</b></th> <td>Place extra thumbs/images of product here</td> </tr> </tbody></table>
And you’re done. I have updated the demo blog with email feedback links in several items. Thanks again to Vivija.
Update 25/07/2011 :
Due to some suspicious changes in our Google code, where we hosted our script, the Cart Javascript was not working. We have reuploaded the js file. We are are sorry for the inconvenience caused.
Search for the following code in your template HTML editor.
<script src='http://introbloggerscripts.googlecode.com/files/cart.js' type='text/javascript'/>
And replace it with the newer source URL.
<script src='http://shopppingcart.googlecode.com/files/simplecart.js' type='text/javascript'/>
Update: I am trying to get the demo URL back to the form. For some unknown reason the Demo blog wasn’t working. So I have contacted Blogger, hope they fix it soon.
Update 2: We have fixed the demo blog issue. Thanks for your patience.
If you want some new features added to the template, hire me for the customization. Hourly rates starting from $25/hr.
Hướng dẫn khách hàng sử dụng dịch vụ
Để xem được các thủ thuật hay nhất quý khách hãy lick vào button bên dưới, xem xong quý khách thấy hài lòng hãy liên hệ nhanh với chúng tôi để sở hữu bộ code bản quyền ưng ý nhất!
ĐĂNG KÝ MUA CODEQuý khách muốn đăng ký mua templates bản quyền thiết kê tinh xảo đẹp mắt hãy liên hệ nhanh với chúng tôi để đặt hàng Trân trọng cảm ơn quý khách đã sử dụng dịch vụ của chúng tôi!
ĐĂNG KÝ MUA TEMPLATE
