Referensi : Template TOKO ONLINE INDOSHOP |
Ini merupakan template iseng karya mas gusti yang mengambil ide dari berbagai template blog baik yang SEO maupun yang profesional desain.Berikut beberapa fitur yang ada pada template ini dan mungkin sudah anda kenal sebelumnya.
- Responsive navigasi menu.
- Best Seller product gallery.
- Invoice email pop-up ( By Maskolis )
- Tabel posting
- Related post Product.
Mungkin banyak dari anda yang menganggap template diatas sederhana atau memiliki banyak kekurangan,,, ya inilah karya saya.Jika anda berkenan memakainya yang silahkan, kalau nggak ya gak jadi masalah.Template ini juta gak bakalan bikin BBM turun kalau desainnya jelEk...Betul gak gan???....wkwkwkwk
...................................................................................................................................................................
Cara Setting Template IBS-STORE
...................................................................................................................................................................
1. Setting navigasi menu
Saya disini menggunakan navigasi menu ciptaan mohamad mustafa ( mybloggertrick ). Jika anda ingin mengganti data dari menu navigasi,silahkan anda cari dan edit kode berikut ini :
<nav id='menu'>
<input type='checkbox'/>
<label>≡<span>Id Blog Site</span></label>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='http://idblogsite.com'>About</a></li>
<li><a href='http://idblogsite.com'>How To Buy</a></li>
<li><a href='#'>Product 1 <font size='1'>▼</font></a>
<ul class='menus'>
<li><a href='#'>Product Name</a></li>
<li><a href='#'>Product Name</a></li>
<li><a href='#'>Product Name</a></li>
<li><a href='#'>Product Name</a></li>
<li><a href='#'>Product Name</a></li>
<li><a href='#'>Product Name</a></li>
</ul>
</li>
<li><a href='#'>Product 2 <font size='1'>▼</font></a>
<ul class='menus'>
<li><a href='#'>Product Name</a></li>
<li><a href='#'>Product Name</a></li>
<li><a href='#'>Product Name</a></li>
</ul>
</li>
<li><a href='http://idblogsite.com'>About Template</a></li>
</ul>
</nav>
Keterangan :
- Ubah tulisan yang berwarna merah sesuai dengan kebutuhan dan selera anda.
- Ganti kode warna biru dengan alamat URL tujuan anda.
2. Setting Keranjang Belanja template.
simpleCart.email = 'blog.gusput@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
simpleCart.urlWebsite = 'http://ibsstore.blogspot.com/';
simpleCart.alamatPemilik = 'Alamat Anda ';
simpleCart.noHP = '081 xxxx xxxx';
simpleCart.urlFacebook = 'http://www.facebook.com/pages/your facebook';
simpleCart.urlTwitter = 'https://twitter.com/your twitter';
simpleCart.akunbank1 = 'Bank A';
simpleCart.norek1 = 'No Rekening Bank A';
simpleCart.namarek1 = 'Nama Pemilik Rekening Bank A';
simpleCart.akunbank2 = 'Bank B';
simpleCart.norek2 = 'No Rekening Bank B';
simpleCart.namarek2 = 'Nama Pemilik Rekening Bank B';
simpleCart.akunbank3 = 'Bank C';
simpleCart.norek3 = 'No Rekening Bank C';
simpleCart.namarek3 = 'Nama Pemilik Rekening Bank C';
simpleCart.akunbank4 = 'Bank D';
simpleCart.norek4 = 'No Rekening Bank D';
simpleCart.namarek4 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank5 = 'Bank E';
simpleCart.norek5 = 'No Rekening Bank E';
simpleCart.namarek5 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank6 = 'Bank F';
simpleCart.norek6 = 'No Rekening Bank F';
simpleCart.namarek6 = 'Nama Pemilik Rekening Bank D';
simpleCart.urlReferrer = 'http://idblogsite.com/';
simpleCart.businessName = 'idblogsite-store';
simpleCart.formatsmsKonfirmasi= '(Nama, Email, Jumlah transfer, Bank Tujuan Transfer, Tanggal transfer)';
simpleCart.contohformatsmsKonfirmasi= 'namalengkap, emailanda@gmail.com, Rp 1.500.000, BCA, 12 Desember 2012 ';
simpleCart.catatanTambahanInvoice= '(Untuk proses lebih cepat, silakan konfirmasi via SMS)';
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total'];
Keterangan :
- Ganti kode yang berwarna biru dengan data anda dan toko blog anda.
3. Setting Posting Artikel.
Copas script posting di bawah ini dengan cara masuk ke Setting > Post and Comment > Kemudian klik edit pada Opsi Post > Pastekan kode berikut dan klik Simpan.Hal ini bertujuan agar setiap postingan blog anda memiliki style yang sama dan tidak berantakan.
<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%">Gambar Produk Anda</th>
<td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
<th><b>Kode Barang</b></th>
<td class="item_name">Kode produk taruh disini!</td>
</tr>
<tr>
<th><b>Harga</b></th>
<td class="item_price">Rp 22,000.00</td>
</tr>
<tr>
<th><b>Keterangan</b></th>
<td class="item_Description">Fitur produk!</td>
</tr>
<tr>
<th><b>Stok Barang</b></th>
<td>Stok barang anda!</td>
</tr>
<tr>
<th><b>Gambar Tambahan</b></th>
<td>Gambar Tambahan Produk</td>
</tr>
</tbody>
</table>
<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%">Gambar Produk Anda</th>
<td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
<th><b>Kode Barang</b></th>
<td class="item_name">Kode produk taruh disini!</td>
</tr>
<tr>
<th><b>Harga</b></th>
<td class="item_price">Rp 22,000.00</td>
</tr>
<tr>
<th><b>Keterangan</b></th>
<td class="item_Description">Fitur produk!</td>
</tr>
<tr>
<th><b>Stok Barang</b></th>
<td>Stok barang anda!</td>
</tr>
<tr>
<th><b>Gambar Tambahan</b></th>
<td>Gambar Tambahan Produk</td>
</tr>
</tbody>
</table>
Keterangan :
- Ganti kode yang berwarna biru sesuai dengan data produk yang akan anda jual.
4. Pengaturan halaman.
Silahkan anda membuat halaman terima kasih agar pada saat formulir pop-up selesai di isi oleh pembeli bisa di redirect ke halaman terima kasih. Caranya :
- Pilih opsi page ( halaman )
- klik Laman Baru > pilih Laman kosong.
- Untuk judul silahkan isi dengan Terima Kasih.
- Nah untuk kata-katanya sendiri bisa anda isi sesuai keinginan.
0 comments:
Post a Comment