Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

THEME SHOP - Tukang Toko Online
Jasa Review

Template Toko Online CatalogSpot Hasil Modifikasi

Template Toko Online CatalogSpot Hasil Modifikasi - Template Toko Online keren ini aslinya oleh loefa-cebook sebagai developernya (thanks for permission..) memiliki fungsi paypal checkout, sebelum Tukang Toko Online merubahnya menjadi Checkout by email. Dengan menggunakan script dari Maskolis (lagi-lagi saya harus berterimakasih kepada beliau).

Tampilan template ini saya rasa sudah sangat mantabs, silakan cek sendiri fitur lengkapnya melalui link Live Demonya. Atau jika anda berkenan boleh juga mengunduhnya. GRATISS..!! (Dimohon tidak membuang credit link)

Berikut fitur lengkapnya, panduan setting templatenya ada di bagian bawah fitur template berikut ini:

Template CatalogSpot Modif
Template Name CatalogSpot Modif
Demo Template
Feature - Blogger Template
- Online Store Template / Template Toko Online
- Shopping Cart
- Currency Rupiah
- Email Invoice Auto Checkout
- Pop Up Form Checkout
- Grid Style Layout
- Slide Show Based Label
- 4 Footer Widget
- Easy Navigation Menu on header
- contrast color background
- Wide Image Product
- Related Product Widget Built in
Males atau Bingung cara settingnya...? 
Pake JASA TOKO ONLINE 
 dari Tukang Toko Online Saja...

Panduan Setting Template

Pengaturan Shopping Cart

Checkout pada Shopping cart adalah melalui email, pada saat klik checkout akan muncul pop up form dengan urutan seperti gambar dibawah :

Agar setting benar dan tidak terjadi kesalahan pada pengiriman notifikasi order dan invoice email, berikut ini cara pengaturannya:
- masuk ke Template >> Edit HTML >> cari kode berikut ini :
Judul Spoiler:
simpleCart.email = 'bisnis.aira@gmail.com';
simpleCart.checkoutTo = Email;
simpleCart.currency = IDR;
simpleCart.urlWebsite = 'http://catalogspotredesigned.blogspot.com';
simpleCart.taxRate  = 0.00;
simpleCart.shippingFlatRate = 0.00;
simpleCart.shippingQuantityRate = 0.00;
simpleCart.alamatPemilik = 'Alamat Lengkap Pemilik ';
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';
simpleCart.namarek1 = 'Nama Pemilik Rekening A';
simpleCart.akunbank2 = 'Bank B';
simpleCart.norek2 = 'No Rekening';
simpleCart.namarek2 = 'Nama Pemilik Rekening Bank B';
simpleCart.akunbank3 = 'Bank C';
simpleCart.norek3 = 'No Rekening';
simpleCart.namarek3 = 'Nama Pemilik Rekening Bank C';
simpleCart.akunbank4 = 'Bank D';
simpleCart.norek4 = 'No Rekening';
simpleCart.namarek4 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank5 = 'Bank E';
simpleCart.norek5 = 'No Rekening';
simpleCart.namarek5 = 'Nama Pemilik Rekening Bank D';
simpleCart.akunbank6 = 'Bank F';
simpleCart.norek6 = 'No Rekening';
simpleCart.namarek6 = 'Nama Pemilik Rekening Bank D';
simpleCart.urlReferrer = 'http://www.tukangtokoonline.web.id';
simpleCart.businessName = 'Tukang Toko Online';


Lalu ganti text yang berwarna biru dengan data dari toko anda sendiri.
Berikut adalah gambaran notifikasi order di email anda :
notifikasi order email 
dan gambar berikut ini adalah email invoice ke email customer :
Invoice pembelian di email pembeli

Menambahkan Entry Post Template

Agar setiap posting memiliki entry yang sama, anda harus memasukkan kode berikut ini ke dalam template post di Pengaturan >> Post dan Komentar >> Edit bagian Template Entri, lalu masukkan kode berikut :
<div class="item_image">
<img border="0" class="item_thumb" src="Your_Image-Url.jpg" />
<span class="item_price">Rp 9000,000</span>
</div>
<div class="item_Description">
Some text for description your item here! 
</div>
Tampilannya seperti Gambar di bawah ini :
Untuk penggunaannya di setiap anda melakukan entry post baru akan muncul script tersebut pada mode HTML, yang perlu anda edit pada setiap entry posting produk anda adalah :
Your_Image-Url.jpg : ganti dengan link gambar produk toko anda, usahakan ukuran gambar minimal 700 pixel
Rp 900,000 : ganti dengan harga produk anda (pisahkan ribuan dengan koma)
Some text for description your item here! : ganti dengan deskripsi produk
Selanjutnya anda bisa mengedit dan mengatur tampilan deskripsi produk pada mode COMPOSE.
Setting entry post template


Pengaturan Slide Show

Untuk pengaturan widget slide show, langsung menuju ke tab Tata Letak >> Cari Widget dengan Judul feature Post >> Edit Widget >> masukkan label (text harus sama persis dengan label text label, perhatikan huruf besar, kecil dan spasi label..!!) yang ingin anda tampilkan postingnya di Slide. Tuliskan hanya 1 label, tidak lebih.
edit widget slide show 
edit widget slide show 

Membuat Halaman Terima Kasih

1. Buka menu laman/page, buat halaman baru dengan Judul Terima Kasih
laman terima kasih
2. Pastikan bahwa alamat URL halaman terima kasih ini adalah :
http://namatokoanda.blogspot.com/p/terima-kasih.html
3. Jika gagal membuat permalink laman seperti di atas anda bisa memakai cara redirect link DISINI.

Nah sepertinya hanya itu pengaturan wajib dari template toko online ini agar bisa berjalan maksimal. Untuk pengaturan lainnya sama seperti halnya pengaturan fitur blogger yang lainnya, sudah banyak dibahas tutorialnya di sini atau anda juga bisa mencarinya di google.

Semoga bermanfaat

3 komentar untuk "Template Toko Online CatalogSpot Hasil Modifikasi"

  1. wah,, membantu benerr... ane pengen belajar lebih omm..
    smga ada balasane email :D
    subscribe ah

    BalasHapus
  2. pak kok tutorial pasang template gak kayak demo?

    BalasHapus