Blogger template Download Gratis, Desaign shopping cart / e-commerce

Blogger template untuk shopping cart / e-commerce

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

Kalau Ingin Template ini Download disini

Bagaimana menginstal template ini


1, Download file template.

2, file template Buka dalam editor kata.

3, Untuk membuat menu navigasi


Cari kode ini
<ul id="nav">
<li> <a href="http://simplexeshop.blogspot.com"> Rumah </ a> </ li>
<li> <ahref="http://simplexeshop.blogspot.com/search/label/shop"> Store </ a> <ul class="children"> <li> <a href=""> Kategori </ a> </ li> <a href=""> Kategori </ 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 bisa lihat di eNews Simplex atau Transkrip Simplex untuk lebih lanjut tentang ini menu multi-level.

4, Pengaturan Dasar Toko
Template 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,
Ini dukungan Template dua metode pembayaran: Paypal dan Google Checkout. Default adalah Paypal, dan itu diatur dalam baris ini:
simpleCart.email = "[email protected]";
simpleCart.checkoutTo = PayPal;
Jika Anda ingin menggunakan Paypal, Anda dapat mengganti [email protected] 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 untuk Anda ID Checkout pedagang Google.

b, Mata Uang

Ini dukungan template GBP, USD, dan EUR. Default adalah USD dan itu diatur di baris ini
simpleCart.currency = USD;
jika Anda ingin mengubah mata uang, Anda dapat mengubah USD di baris di atas (ditandai dengan huruf tebal) ke GBP atau EUR.

c, Tarif Pajak

Tarif pajak standar didirikan 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 flat rate untuk seluruh pesanan. Ini adalah metode standar dalam template dan itu diatur di 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 ini
simpleCart.shippingQuantityRate = 3.00;
Baris ini akan menambah jumlah 3,00 untuk setiap item dalam gerobak. Tentu saja, Anda dapat mengubah 3,00 ke nilai lainnya.

-Tambahkan biaya pengiriman sebagai persentase dari total biaya: untuk menggunakan metode ini, Anda dapat menghapus default
simpleCart.shippingFlatRate = 5.25;
dan menggunakan ini:
simpleCart.shippingTotalRate = 0,05;

Baris ini akan menambah biaya pengiriman sebagai 5% terhadap total biaya. Anda dapat mengubah tingkat ini ke nilai yang lain.

Jika Anda memerlukan beberapa perhitungan lanjutan untuk pengiriman, Anda dapat menghapus garis default dan menggunakan objek prototipe untuk CartItems:
CartItem.prototype.shipping = function () {
/ / Kita menggunakan 'ukuran' lapangan untuk menghitung pengiriman,
/ / Jadi kita pertama-tama pastikan item memiliki ukuran
if (this.size) {
if (this.size == 'kecil') {
kembali this.quantity * 5,00;
} Else if (this.size == 'besar') {
kembali this.quantity * 7,50;
} Else {
kembali this.quantity * 10,00;
}
} Else {
/ / Menggunakan standar $ 2,00 per item jika tidak ada 'size' lapangan
kembali this.quantity * 2.00;
}
}

The 'ini' di sini mengacu pada item, dan kami 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 lapangan, kita menggunakan tingkat yang berbeda untuk ukuran masing-masing dan mengembalikan nilai berdasarkan kuantitas barang. Jika tidak, kita menggunakan tingkat dasar 2,00. simpleCart (js) akan menggunakan tarif pengiriman global, dan kemudian menambahkan nilai pengiriman untuk setiap item dalam keranjang.


5, Setelah Anda selesai mengedit, meng-upload template untuk Blogger. Pergi ke Dashboard - Desain> -> elemen halaman

6, Untuk menambahkan logo

klik widget logo

menambahkan logo dibawah ini sebagai gambar

7, Ada banyak tempat yang Anda dapat menambahkan widget Anda sendiri. Misalnya, Anda dapat menambahkan widget daftar link untuk membuat menu kategori, widget langganan, widget halaman daftar ...

8, Itu semua untuk menginstal template ini.

Cara menggunakan template ini

Ini sedikit sulit ketika menggunakan template ini.

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

<div id="description">

<img url src="image pergi here"> <img url src="image pergi here"> <img url src="image pergi here">

PRODUK INFORMASI .................................. </ div>

<div class="simpleCart_shelfItem">

<span class="item_name"> nama item ... </ span>

Harga: <span Harga class="item_price"> ......... </ span>

Quatity: <input type="text" class="item_quantity" value="1" />

<a href="javascript:;" class="item_add" title="Add untuk Cart"> Tambahkan ke Keranjang </ a>

</ Div>

Dalam struktur di atas, ini adalah bagian informasi produk:

<div id="description">

<img url src="image pergi here"> <img url src="image pergi here"> <img url src="image pergi here">

INFORMASI PRODUK GOES HERE .................................. </ div>

Anda dapat menambahkan gambar dengan menggunakan url src="image <img berjalan produk here"> dan menambah bawah deskripsi (dalam informasi produk teks berjalan di sini)

Setelah bagian informasi produk, kita bergerak untuk menambah bagian keranjang:

<div class="simpleCart_shelfItem"> <span class="item_name"> nama item ... </ span> Harga: <span class="item_price"> Harga ......... </ span> Quatity : <input type="text" class="item_quantity" value="1" /> <a href="javascript:;" class="item_add" title="Add untuk Cart"> Tambahkan ke Keranjang </ a> < / div>

dalam bagian ini, tambahkan nama item di mana saya ditandai nama item .... , Tambahkan harga di mana saya ditandai harga ... dan mengubah quatity dari '1 'ke nilai lain.

Jika Anda ingin menetapkan biaya pengiriman khusus untuk item ini saja, Anda dapat menambahkan baris ini ke add ke bagian keranjang

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

ganti xxx dengan biaya pengiriman dari item ini

dan kode Tambah ke bagian keranjang akan menjadi:

<div class="simpleCart_shelfItem">

<span class="item_name"> nama item ... </ span>

Harga: <span Harga class="item_price"> ......... </ span>

Quatity: <input type="text" class="item_quantity" value="1" />

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

<a href="javascript:;" class="item_add" title="Add untuk Cart"> Tambahkan ke Keranjang </ a>

 </ Div>

Ketika 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 bagian akhir posting, dan produk akan ditambahkan untuk berbelanja dengan slider, harga dan menambah fungsi keranjang

Untuk memposting ke Blog: posting ke blog, Anda dapat membuat posting yang normal, dan menambahkan 'blog' label di bagian akhir posting.

Ini mirip dengan Portofolio Simplex tua Template, dalam Portofolio Simplex, kita memiliki dua mode tampilan: menampilkan posting sebagai posting di galeri, dan menampilkan posting sebagai posting blog yang normal Dalam contoh ini, kami juga memiliki dua mode tampilan:. Display pos sebagai produk di toko dan menampilkan posting 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 simplecartjs

Jangan ragu untuk meninggalkan pesan.........

Share this post