Free Template Toko Online ~ Blog Si Mikko

Beberapa dari Anda meminta saya untuk E-commerce / keranjang belanja di platform Blogger. Hasilnya saya adalah SimplexEshop template. Ini adalah template tes dan membutuhkan lebih banyak waktu untuk menyelesaikan karena toko setiap pilihan sendiri dalam pengiriman / tarif pajak / harga / promosi, dan mengisi semua kebutuhan dengan Javascript hanya merupakan misi yang mustahil. Tapi saya ingin menunjukkan di sini untuk mendapatkan umpan balik Anda dan berharap saya bisa membuatnya lebih baik.

Live Demo | Download

How to install this template

1, Download file template.
2, Buka file template dalam editor kata.
3, Untuk membuat menu navigasi

Cari kode ini

<ul id="nav"> <li><a href="http://simplexeshop.blogspot.com">Home</a></li> <li><a href="http://simplexeshop.blogspot.com/search/label/shop">Store</a> <ul class="children"> <li><a href="">Category</a></li> <li><a href="">Category</a></li> </ul> </li> <li><a href="http://simplexeshop.blogspot.com/search/label/blog">Blog</a></li> </ul>

Tambahkan link ke kategori Anda seperti template lainnya saya.Anda dapat melihat pada eNews Simplex Simplex atau Transkrip untuk lebih lanjut tentang menu ini multi-level.
4, Pengaturan Dasar TokoTemplate ini dibangun berdasarkan SimpleCart solusi (Simplecartjs.com), apa yang saya lakukan hanya terintegrasi Simplecart untuk template blogger. Jadi semua pilihan / pengaturan untuk toko, Anda dapat melihat di dokumentasi simplecart.
metode pembayaran,Template ini mendukung dua metode pembayaran: Paypal dan Google Checkout. Default adalah Paypal, dan itu diatur dalam baris ini:
simpleCart.email = "brett@wojodesign.com";simpleCart.checkoutTo = PayPal;

Jika Anda ingin menggunakan Paypal, Anda dapat mengganti brett@wojodesign.com ke email paypal anda.Jika Anda ingin menggunakan Google Checkout, Anda dapat mengganti dua baris di atas dengan
simpleCart.merchantId = "111111111111111";simpleCart.checkoutTo = GoogleCheckout;
Ubah 111111111111111 ke ID Checkout pedagang Google.
b, Mata uang
Ini template yang GBP, USD, dan EUR. Default adalah USD dan itu diatur dalam baris ini
simpleCart.currency = USD;

jika Anda ingin mengubah mata uang, Anda dapat mengubah USD pada baris di atas (ditandai dengan huruf tebal) ke GBP atau EUR.

c, Tarif Pajak
Tarif pajak standar ditetapkan di baris ini
simpleCart.taxRate = 0,08;
Anda dapat mengubah nilai dari 0,08 untuk menilai lain. Jika Anda tidak ingin menambahkan tarif pajak, Anda dapat menghapus baris ini
d, Pengiriman
Ada banyak cara untuk menghitung biaya pengiriman untuk pesanan:-Tambahkan tarif flat ke seluruh pesanan. Ini adalah metode standar dalam template dan itu diatur dalam baris ini
simpleCart.shippingFlatRate = 5,25;
(Jumlah 5,25 biaya pengiriman akan ditambahkan ke seluruh pesanan)Anda dapat mengubah 5,25 dengan nilai yang Anda inginkan.
-Tambahkan biaya pengiriman untuk setiap item dalam keranjang: jika Anda ingin menggunakan metode ini, Anda dapat menghapus simpleCart.shippingFlatRate = 5,25;dan menggunakan baris inisimpleCart.shippingQuantityRate = 3,00;Baris ini akan menambah jumlah 3,00 untuk setiap item dalam gerobak. Tentu saja, Anda dapat mengubah nilai lainnya 3,00.
-Tambahkan biaya pengiriman sebagai persentase dari total biaya: untuk menggunakan metode ini, Anda dapat menghapus default = 5,25 simpleCart.shippingFlatRate;dan menggunakan ini:simpleCart.shippingTotalRate = 0,05;
Baris ini akan menambahkan biaya pengiriman 5% dengan total biaya. Anda dapat mengubah tingkat ini ke nilai lain.
Jika Anda memerlukan beberapa perhitungan maju untuk pengiriman, Anda dapat menghapus garis default dan menggunakan obyek prototipe untuk CartItems:

CartItem.prototype.shipping=function(){
// we are using a 'size' field to calculate the shipping,
// so we first make sure the item has a size
if(this.size){
if( this.size == 'small' ){
return this.quantity*5.00;
} else if( this.size == 'large') {
return this.quantity*7.50;
} else {
return this.quantity*10.00;
}
} else {
// use a default of $2.00 per item if there is no 'size' field
return this.quantity*2.00;
}
}

Ini' di sini mengacu pada item, dan kita menggunakan 'ukuran' lapangan dan 'kuantitas' item untuk menghitung pengiriman.Karena item mungkin atau mungkin tidak memiliki ukuran, kami memeriksa untuk memastikan itu tidak dengan 'jika (this.size)'.Jika ada ukuran field, kita menggunakan tingkat yang berbeda untuk setiap ukuran dan mengembalikan nilai berdasarkan jumlah item barang. Jika tidak, kita menggunakan tingkat dasar 2,00. simpleCart (js) akan menggunakan tarif pengiriman global, dan kemudian tambahkan nilai pengiriman untuk setiap item dalam keranjang tersebut.
5, Setelah Anda selesai mengedit, meng-upload template untuk Blogger. Pergi ke Dashboard -> Desain -> elemen halaman
6, Untuk menambahkan logo

click on logo widget

add logo as this image bellow

7,There are many places that you can add your own widget . For example ,you can add link list widget for making category menu ,subscription widget ,page list widget ...

8,That's all for install this template .

8, Itu semua untuk menginstal template ini.Cara menggunakan template ini
Ini sedikit sulit bila menggunakan template ini.

Untuk memposting produk untuk toko:. Pergi ke Dashboard -> Posting -> Klik New Post Edit HTML dan membuat posting dengan struktur ini

<div id="description"><img src="image url goes here"><img src="image url goes here"><img src="image url goes here">
PRODUCT INFORMATION..................................</div><div class="simpleCart_shelfItem"><span class="item_name">item name ...</span>Price : <span class="item_price">price .........</span>Quatity : <input class="item_quantity" type="text" value="1" /><a href="javascript:;" class="item_add" title="Add to Cart">Add to Cart</a> </div>

n structure above , this is the product information section :

<div id="description"><img src="image url goes here"><img src="image url goes here"><img src="image url goes here">
PRODUCT INFORMATION GOES HERE..................................</div>

you can add image by using <img src="image url goes here"> and add product description bellow (in the text product information goes here )

After the product information section ,we move to add to cart section :

<div class="simpleCart_shelfItem"><span class="item_name">item name ...</span>Price : <span class="item_price">price .........</span>Quatity : <input class="item_quantity" type="text" value="1" /><a href="javascript:;" class="item_add" title="Add to Cart">Add to Cart</a> </div>

in this section ,add the item name in where I marked item name .... ,add the price in where I markedprice ... and change the quatity from '1' to another value .

If you want to set a special shipping cost for this item only ,you can add this line to the add to cartsection

<input class="item_shipping" value="xxx" type="hidden">

replace xxx to the shipping cost of this item
and the code of Add to cart section will become :

<div class="simpleCart_shelfItem"><span class="item_name">item name ...</span>Price : <span class="item_price">price .........</span>Quatity : <input class="item_quantity" type="text" value="1" /><input class="item_shipping" value="xxx" type="hidden"> <a href="javascript:;" class="item_add" title="Add to Cart">Add to Cart</a> </div>

Bila Anda menetapkan biaya pengiriman untuk item, metode yang digunakan untuk menghitung biaya pengiriman pada langkah 4 akan overide.
Setelah selesai mengedit posting dengan struktur di atas, tambahkan 'toko' label di akhir posting, dan produk akan ditambahkan untuk berbelanja dengan slider, harga dan menambah fungsi keranjang
Untuk memposting ke Blog: untuk posting ke blog, Anda dapat membuat tulisan normal, dan menambahkan 'blog' label pada akhir posting.
Hal ini mirip dengan Portofolio Simplex tua Template, dalam Portofolio Simplex, kita memiliki dua mode tampilan: menampilkan posting sebagai pos dalam galeri, dan menampilkan posting sebagai posting blog normal, Dalam contoh ini, kita juga memiliki dua mode tampilan:. Menampilkanpos sebagai produk di toko dan menampilkan sebuah pos sebagai posting blog yang normal.
Untuk halaman: Anda dapat membuat halaman seperti biasa.
Itu semua untuk template ini. Saya pikir itu tidak mudah untuk menggunakan dan menangani. Jika Anda familliar dengan kode, Anda dapat mengambil mencoba ^ ^ Untuk pengaturan keranjang belanja rinci, Anda dapat melihat lebih dalam simplecartjsJangan ragu untuk meninggalkan saya masukan

Posted in: Free Template

Blog Si Mikko