Kami bangga untuk, pertama Template toko online terbanyak dengan "Add to Cart" dan PayPal fungsi Checkout untuk Blogger. Banyak pandangan bahwa Blogger tidak dapat diubah menjadi sebuah toko online karena orang mengira itu hanya sebuah platform untuk pemula dan tidak memiliki fitur seperti CMS. Tapi, kami berhasil mungkin dalam template ini.
Berkat pencipta script Cart Simple yang kekuatan fungsi keranjang seluruh dalam template ini. Berikut adalah screenshot dari blog yang kita tetapkan untuk tujuan demo saja.
Blogging platform lainnya seperti Wordpress telah "Custom Fields" pilihan yang memungkinkan kita untuk menambahkan deskripsi tambahan seperti harga dan thumbnail tanpa harus menambahkan kode HTML di editor posting. Tapi, Blogger tidak memiliki fitur itu. Jadi, kami di Bloggermint.com mencoba yang terbaik untuk membuat item posting semudah mungkin dengan menggunakan metode tabel. Berikut adalah bagaimana tabel terlihat di post editor.
Penggunaan Template
Menggunakan "Post Template" Blogger fitur, kami dapat pra-format editor posting dengan teks atau kode yang akan muncul setiap kali kita membuat posting baru. Jadi, kita akan memanfaatkan fitur yang di template ini. Pertama, download Belanja Blogger template dan meng-upload ke blog Anda. Sekarang, masuk ke Pengaturan Format>. Mengatur nomor yang dikehendaki dari posting yang akan ditampilkan dalam blog.
Kemudian, gulir ke bawah halaman sampai Anda melihat "Post Template" pilihan. Paste kode berikut ke dalam area teks. dan klik“Save“.
<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/AVvXsEhV8XjhLfq7D0BqWWhyphenhyphen0vJPKbFgiFYMPjWgAEV7EV0EWwyheg0tML6AYupcrgdqmRn8Ey6cbt1_subhW9PvJcrc_waJb7UM06wROtctgijE8zFrIZVgZ6GL5vhg2ww_-pBdo4tjufv-NmoY/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/AVvXsEhV8XjhLfq7D0BqWWhyphenhyphen0vJPKbFgiFYMPjWgAEV7EV0EWwyheg0tML6AYupcrgdqmRn8Ey6cbt1_subhW9PvJcrc_waJb7UM06wROtctgijE8zFrIZVgZ6GL5vhg2ww_-pBdo4tjufv-NmoY/s400/blue.gif" style="cursor: hand; cursor: pointer; display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></a></th> <td><input class="item_add" type="button" value="Add to Cart" /></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>
Berikut adalah screenshot dari template pos yang telah ditambahkan dengan kode.
Sekarang pergi ke Posting | New Post dan Anda akan melihat tabel yang ada di editor posting Anda. Anda dapat Menghapus gambar default yang kami telah menambahkan dalam kode dengan mengkliknya dan pilih "Hapus". Lalu, meng-upload gambar item Anda di dalam yang sel tabel. Kami menyarankan Anda untuk menggunakan gambar ukuran Medium.
Isi pilihan lain seperti Nama Item, Harga dan Deskripsi dengan mengganti teks standar. Mereka akan digunakan sebagai nilai oleh script SimpleCart selama PayPal Checkout. Dan tolong ingat bahwa Nama Item Anda harus unik,. Now, click on the HTML Mode in post editor and remove the unnecessary
<div>.... </div> in the code for item image. We need only the <img ... /> which has been highlighted in the image below.
Jadi, ini adalah bagaimana hal itu akan terlihat setelah kita menghapus
<div>....dan <a href....yang menutupi <img ... code.
Anda dapat mengubahnya kembali ke "Tulis" modus, menambahkan / mengedit setiap informasi tentang produk dan tekan "Publikasikan" tombol. Itu saja.
PayPal Email Setup Instructions
Pergi ke Design > HTML. Cari untuk
simpleCart.email Gunakan CTRL + F. Untuk mencari Code tersebut.<script type='text/javascript'> simpleCart.email = "bloggermint@gmail.com"; simpleCart.checkoutTo = PayPal; simpleCart.cartHeaders = ["thumb_image" , "Quantity_input" , "Total", "remove" ]; </script>
Ganti default email PayPal yang kita tetapkan (bshoklert@gmail.com) dengan Anda. Dan Simpan template. Anda sudah selesai! Berikut adalah screenshot contoh dari PayPal pop up selama checkout.
Kami telah merencanakan untuk versi PRO dibayar ini Keranjang Belanja dengan fitur yang lebih canggih dan terlihat profesional. Harap simpan link kredit footer utuh. Jika Anda ingin menghapus link yang Anda harus membayar sedikit biaya. Dan, jika Anda ingin mendapatkan template yang disesuaikan , contact us. Juga memeriksa situs Blogger Templates Hub Blog kami Untuk tampalte terbaru