Langsung ke konten utama

Template Catalogspot Revo Modif dengan Shopping Cart dan Email Checkout

Template Catalogspot Revo Modif - seperti pada template Blogger dengan shopping cart sebelumnya, posting bagi-bagi template kali ini juga masih tentang template shopping cart dengan opsi email checkout.
Hanya saja template ini datang dari desain blogger loefa-ceebok. Dengan beberapa modifikasi dari template aslinya, tukang toko online mempersembahkan template ini khusus untuk pengunjung setia Web ini.Silakan anda download jika berkenan dan dimanfaatkan dengan bijaksana..


Attention ..!! 
Dimohon untuk yang trial Order di Live Demo template ini, untuk mengisikan data email yang valid (email yang sebenarnya, bukan fake email)  di form order, agar script template email di template ini tidak terkena suspend dari pihak hosting dan tetap bisa kita gunakan bersama..
Mohon juga tidak menghapus credit link di bagian footer template ini...
home catalog spot revo modif
Nama Template Catalogspot Revo Modif
Demo Template
Deskripsi
  • Blogger Template
  • email checkout
  • shopping cart
  • Auto Checkout
  • Grid view
  • Full Page
  • Footer Widget
  • Slide Show
  • 4 columns
  • Order email notification
  • Drop-down navigation menu bar
  • Page Checkout with Order form & shopping cart
Email invoice source code : www.irsah.com
Template designed : www.loefa-cebook.com
view cart page catalogspot revo modif

success page catalogspot revo modif

error page catalogspot revo modif

Males atau Bingung cara settingnya...? 
Pake JASA TOKO ONLINE 
 dari Tukang Toko Online Saja...

Setting Template Catalogspot Revo Modif 

Langkah 1 >> Upload template Catalogspot Revo Modif yang sudah anda download sebelumnya dengan cara copy semua script template, lalu timpa semua script di template >> edit HTML blog Anda dengan script template tadi. Preview, lalu Save Template.


Langkah 2 >> Entry data shopping cart langsung menuju ke template >> edit HTML, cari kode berikut ini:
UPDATE !!! : adanya update dari PHP 5.4 ke PHP 5.5 dari server hosting, membuat ada sedikit perubahan editing di setting templatenya dengan membuang / menghapus http: dari script di bawah :
  data.shop_name = "Template medical Modif herbal";
  data.shop_url = "http://demo-medicalmodifnew.blogspot.com/";
  data.shop_thankyou = "http://demo-medicalmodifnew.blogspot.com/p/success.html";
  data.shop_sendFail = "http://demo-medicalmodifnew.blogspot.com/p/error.html";
dan hasilnya nampak seperti panduan berikut :
  // Customize URL, links and Blogshop name
  data.shop_name = "Template Catalogspot Revo Modif";
  data.shop_url = "//catalogspotrevomodif.blogspot.com/";
  data.shop_thankyou = "//
catalogspotrevomodif.blogspot.com/p/success.html";
  data.shop_sendFail = "//
catalogspotrevomodif.blogspot.com/p/error.html";
  data.shop_email = "bisnis.aira@gmail.com";
  // Currency to display in email invoice
  data.shop_currency = "Rp ";
  // Customize blogshop business preferences. Leave " - " (dash) if not required
  data.shop_bizname = "Template
Catalogspot Revo Modif";
  data.shop_bizaddress = "Semarang, Indonesia";
  data.shop_bizphone1 = "024-361 8321";
  data.shop_bizphone2 = "024-361 8321";
  data.shop_bizphone3 = "024-361 8321";
  // Customize blogshop banking preferences. Leave " - " (dash) if not required
  data.bank1 = "Bank BCA";
  data.bank1_acc_no = "1234 1234 1111 22";
  data.bank1_acc_name = "John Doe";

  data.bank2 = "Bank Mandiri";
  data.bank2_acc_no = "1234 1234 1111 22";
  data.bank2_acc_name = "Jane Doe";
  data.bank3 = "Bank BNI";
  data.bank3_acc_no = "1234 1234 1111 22";
  data.bank3_acc_name = "John Doe";
  // Customize blogshop additional notes. Leave " - " (dash) if not required
  // Additional notes to include in automated e-mail
  data.note1 = "Our PAYPAL secured gateway at http://www.your_PAYPAL_secured_link.com";
  data.note_detail1 = "Our Google Wallet secured payment gateway at http://www.your_GOOGLEWallet_secured_link.com";
  data.note2 = "Altenative Our merchant KlikBCA at:";
  data.note_detail2 = "http://www.klikBCA.com";
Ganti kata-kata yang berwarna biru dengan data anda sendiri.
Atau ganti karakter dis ( - ) jika anda ingin mengosongkannya.
Preview, lalu Save Template anda.

Langkah 3 >> Buat sebuah page (laman statis) dengan judul View Cart, lalu isikan script di bawah ini pada mode HTML (Catat..! bukan mode compose). Preview atau Pratinjau dulu hasilnya, lalu Publikasikan kalau sudah oke. Pastikan alamat URL page tersebut adalah "namabloganda.blogspot.com/p/view-cart.html"

<div id="cart-details">
<h3 style="text-align: center;">
<span style="color: #073763;"><u>Item di Keranjang Anda Sekarang</u></span></h3>
<div class="simpleCart_items">
<table><tbody>
<tr class="headerRow"><th class="item-thumbimg"></th><th class="item-name">Item</th><th class="item-price">Price</th><th class="item-decrement"></th><th class="item-quantity">Qty</th><th class="item-increment"></th><th class="item-total">Total</th><th class="item-remove">Cancel</th></tr>
</tbody></table>
</div>
<h4 class="button" style="display: block; text-align: center;">
Total Belanja Anda : <span style="color: red;"><span class="simpleCart_total">Rp&nbsp;0.00</span></span>
</h4>
</div>
<br />
<table><tbody>
<tr><td><div class="checkout-form">
<form action="" id="contact" method="post">
<fieldset>
<label for="firstname">First Name</label> :<br />
<input id="first_name" name="firstname" placeholder="First Name" title="Enter your First Name" type="text" /><br />
<label for="lastname">Last Name</label> :<br />
<input id="last_name" name="lastname" placeholder="Last Name" title="Enter your Last Name" type="text" /><br />
<label for="email">Your E-mail</label> :<br />
<input id="email" name="email" placeholder="Valid e-mail required." title="Your e-mail address" type="text" /> <br />
<div id="emailInfo">
<b><i><span style="color: red;">Please.., fill with Valid Email.</span></i></b></div>
<label for="phone">Phone @ H/P</label> :<br />
<input id="phone" name="phone" placeholder="Preferred mobile number" type="text" /><br />
<b>Lokasi Pengiriman?</b><br />
<select id="deliveryLocation"> <option selected="" value="Not_Selected"> - Tarif Pengiriman JNE OKE kota Pilihan - </option><option value="7000"> Jakarta Kota - 1 pc Rp 7,000 </option><option value="Not_Selected"> --Jawa Barat-- </option><option value="9000"> Bandung - 1 pc Rp 9,000 </option><option value="12000"> Tasikmalaya - 1 pc Rp 12,000</option><option value="Not_Selected"> --Jawa Timur-- </option><option value="15000"> Surabaya - 1 pc Rp 15,000 </option><option value="17000"> Malang - 1 pc Rp 17,000 </option><option value="Not_Selected"> --Jawa Tengah-- </option><option value="14000"> Semarang - 1 pc Rp 14,000 </option><option value="14000"> Solo - 1 pc Rp 14,000 </option><option value="Not_Selected"> --Banten-- </option><option value="8000"> Serang - 1 pc Rp 8,000 </option><option value="Not_Selected"> --Bali-- </option><option value="17000"> Denpasar - 1 pc Rp 17,000 </option><option value="Not_Selected"> --Other-- </option><option value="TBC"> Others </option></select><br />
<label for="address">Delivery Address</label> :<br />
&nbsp;<textarea id="address" name="address" placeholder="Full address please for prompt delivery, include unit number, street, area, state and country."> </textarea><br />
<label for="postcode">Postal Code</label> :<br />
&nbsp;<input id="postcode" name="postcode" placeholder="Address postal code" type="text" /> <br />
<label for="message">Your Message</label> :<br />
&nbsp;<textarea id="comments" name="message" placeholder="Optional"> </textarea><br />
<br />
<div style="text-align: center;">
<a class="simpleCart_checkout button" href="javascript:;" id="sent-order">Send Order</a></div>
<div style="color: blue;">
<br />
Rincian selengkapnya dikirimkan ke email anda secara otomatis. Kamiberharap anda puas berbelanja di toko kami. Kami akan selalu menunggu kedatangan kembali untuk pengalaman belanja di toko kami selanjutnya. Terima Kasih. </div>
<div style="color: blue;">
<br />
Mohon baca keseluruhan <a alt="terms and policy" href="http://www.blogger.com/p/terms-policy.html"><b>Terms and Policy</b></a> Kami sebelum anda order. Semua rincian data yang dikirimkan dijaga secara rahasia dan tidak akan dipublikasikan. </div>
</fieldset>
</form>
</div>
<!-- End checkout-form --></td>
<td><div class="checkout-details">
<b>Panduan Checkout</b> <br />
<ol>
<li>Pilih Produk.</li>
<li>Lengkapi form data yang sesuai dengan data anda yang valid untuk mempercepat proses order dan pengiriman. Semua data yang dikirim dijaga secara rahasia sesuai dengan kebijakan Toko Kami. </li>
<li>Kirimkan (Send) order Anda. </li>
<li&gt;Sebuah e-mail otomatis akan dikirimkan ke alamat email anda sebagai pemberitahuan (periksa di INBOX atau Folder SPAM). </li>
<li>Anda bisa menemukan rincian order dan metode pembayaran yang bisa membantu memilih sesuai dengan preferensi anda. </li>
</ol>
<b>Mitra Pembayaran Kami :</b> <br />
<ol>
<li>Bank BCA (Bank Transfer) </li>
<li>PAYPAL </li>
<li>Google Wallet </li>
<li>Bank Mandiri (Bank Transfer) </li>
<li>Bank BNI (Bank Transfer)</li>
<li>Bank BRI (Bank Transfer) </li>
</ol>
<b>Mitra Kurir Toko Kami :</b> <br />
<ol>
<li><b>JNE - </b>Kurir JNE. </li>
<li><b>Tiki - </b>Titipan Kilat. </li>
<li><b -="" b="" gt="" ind.="">POS Indonesia. </b></li>
</ol>
</div>
<!-- End checkout-details --></td>
</tr>
</tbody></table>
 Anda bisa mengedit text yang berwarna biru pada mode compose.

Langkah 4 >> Buat sebuah page dengan judul Success, isi terserah anda, karena ini nantinya akan menampilkan ucapan terimakasih atau sebuah halaman sebagai penanda kalau data order yang dikirimkan sudah berhasil. Pastikan alamat URLnya adalah "bloganda.blogspot.com/p/success.html

Langkah 5 >>  Buat sebuah page dengan judul Error , isi terserah anda, halaman ini akan muncul jika data order yang dikirimkan terdapat kesalahan, kurang valid atau tidak lengkap. Pastikan alamat URLnya adalah "bloganda.blogspot.com/p/error.html"

Langkah 6 >> Input script template Post berikut, di menu setelan/setting >> post dan komentar >> copy dan paste script di kolom entry post. Sehingga setiap kali posting sudah tersedia template posting yang tinggal anda isi.
<div class="item_image">
<img border="0" class="item_thumb" src="YOUR_IMAGE_URL.jpg" />
<span class="item_price"> Rp 7000</span>
</div>
<div class="item_Description">
Ganti dengan deskripsi produk anda
</div>
Ganti  text yang berwarna biru dengan url/link gambar produk yang sebelumnya sudah anda simpan di hosting (contoh di picasaweb.com atau photobucket.com).


Update :


Adanya pembaharuan file chekpout.php dari email invoice, maka mohon update untuk yang sudah mengunduh dan menggunakan Template ini sebelumnya. berikut panduan updatenya:
1. Masuk ke Template >> klik Edit HTML >> cari URL berikut :
http://www.irsah.com/phpmail/checkout.php
2. Lalu ganti dengan Url berikut ini:
http://www.irsah.com/phpmail/checkout-01.php
3. Kemudian Simpan Template

Semoga Bermanfaat
Wassalam

Komentar

  1. gan ane download, ko g bisa dipake y gan tulisannya begini

    Error parsing XML, line 2282, column 1: Attribute name "expr:data-" associated with an element type "span" must be followed by the ' = ' character

    BalasHapus
    Balasan
    1. copy paste aja scriptnya langsung di kolom halaman edit html templatenya..

      Hapus
  2. bang kalo tampilan belakangnya di ganti bisa ga?

    BalasHapus
  3. bang kalo mau di tambah logo bisa ga?

    BalasHapus
  4. om data yang di input ke form masuk nya ke mana atau halama admin nya di mana?

    BalasHapus
  5. kenapa saat di klik order muncul
    Method Not Allowed
    Error 405

    dan harus reload halaman br bisa

    dan email pun tak kunjung datang

    BalasHapus
    Balasan
    1. periksa lagi satu satu seperti panduannya, biasanya ada yang kelewat waktu edit templatenya..

      Hapus
  6. kenapa add to cart tidak berfungsi gan..help

    BalasHapus
    Balasan
    1. Coba cek lagi lebih teliti panduan edit templatenya... biasanya ada yang kelewat... :D

      Hapus
  7. maaf gan, untuk langkah kedua itu gimana ya, pada edit HTML setelah ane cari dari atas nyampe bawah ampe mata ane mau copot kode script yg dimaksudkan koq nggak ketemu ya...?? mohon pencerahanya gan ;-(

    BalasHapus
    Balasan
    1. di menu template >> edit html >> cari di bagian bawah gan.. atau pakai ctrl+f trus ketikkan beberapa teks yang ingin dicari itu untuk mempermudah pencarian..

      Hapus
  8. ijin pakek templatenya Gan..trimakasih banyak

    BalasHapus
  9. Sore Gan ane dah coba nih template tp ada masalah tampilan gambar produk pada cart dan email pun ga ada setelah saya tes order checkout. thank Gan

    BalasHapus
  10. Malam gan makasih atas templatenya. saya mau tanya gmn cara seting tampilan pada halaman utama supaya rapi dan berapa posting. thanx Gan

    BalasHapus
  11. boss,,,, untuk ganti slide show nya gmn bosss....

    BalasHapus
  12. link send order/"checkout" nya ga bisa gan, padahal udah diganti checkout-01.
    mohon pencerahannya...

    BalasHapus
    Balasan
    1. baca lagi panduannya pelan-pelan, jangan buru-buru, perhatikan dengan teliti waktu editing data script shopping cart di html templatenya.

      Hapus
  13. gan..pas total ko biaya ongkir nya ga ikut ke total ya? ongkirnya ga keitung.. thanks before

    BalasHapus
    Balasan
    1. tinggal ganti checkout-01.php dengan checkout.php di bagian html templatenya.

      Hapus
  14. pussing settingaan cartnya mas. udah utek2 gak jadi malah.

    ada yang harus di update tuh scrip cartnya. invoice via email berantakan. cape nih :(

    BalasHapus
  15. supaya data order pembeli kekirim lewat 2 email kita gimana ya?

    BalasHapus
  16. gan, di blog ane malah cuma nampang poto produk doank g da link yg bisa diklik selain add to cart. itu tidak bisa melihat detail produk yg bersangkutan.

    gimana cara nampilin judul produk di halaman depannya, atau gmn cara merubah add to cart dengan link detail masing2 produk??

    BalasHapus
    Balasan
    1. matikan meta tag deskripsi di menu setting dashboard blog anda....

      Hapus
  17. Your connection to this server has been blocked in this server's firewall.

    You need to contact the server owner for further information.

    Your blocked IP address is 114.79.13.216

    This server's hostname is ww33.netkl.org

    kok gitu ya? Say coba berkali-kali, hasilnya Error 403 gitu juga

    BalasHapus
    Balasan
    1. periksa lagi setting data shopping cart anda, cek pelan2 sesuai panduan..

      Hapus
  18. kok ada pages check by email tapi ga bisa dipake, itu maksudnya buat apaan sih.

    BalasHapus
  19. gan checkout-01.php error. mohon d perbaiki

    BalasHapus
  20. muncul www.irsah.com says:
    we're sprry, we could not proccess due to incomplete data submission! please make sure all required fields are filed. =(

    BalasHapus

Posting Komentar

#/ Dilarang melakukan SPAM.
#/ Dilarang Komentar mengandung Link/URL di kolom komentar
#/ Dilarang Komentar SARA dan Makian
#/ Dilarang ngiklan
Melanggar ketentuan di atas, komentar langsung dihapus..!!!

Popular

Gratis Download Template Toko Online Blogspot Responsif Baru dan Keren

Menyongsong hari kemerdekaan RI di tahun ini, Tukang Toko Online juga ingin memberikan hadiah berupa bagi-bagi template toko online blogspot terbaru secara gratis.

Template yang akan dibagikan gratis ini merupakan versi Lite-nya dari Template Toko-01 yang barusan di luncurkan sebelumnya. Meskipun demikian sejumlah fitur utama tetap disertakan pada template ini, sehingga tidak mengurangi fungsi serta kebutuhan utama untuk toko online Anda.

Beberapa fitur wajib seperti, meta tag SEO, payment widget, opsi order, info contact, customer service dll. sudah ada dan siap digunakan pada template ini. Panduan step by stepsetting templatenya tetap akan diberikan meskipun template toko-02 ini dibagikan secara gratis.

Tapi tentu saja, meskipun Anda tidak harus membayar untuk mendapatkan template ini, tetap ada sejumlah syarat yang harus Anda penuhi untuk mendapatkan template ini, seperti halnya jika Anda pernah mengunduh beberapa template gratis di blog ini. Syaratnya cukup mudah dan tidak membera…

Memulai Toko Blogspot dengan Template Toko-01

Template toko blogspot yang diluncurkan kali ini lebih memilih memakai warna yang netral. Sedikit perpaduan warna hitam, merah dan warna putih yang lebih dominan. Beberapa fitur di template toko online ini mengacu pada kebutuhan utama dari sebuah toko online, contohnya seperti adanya pilihan cara order (shopping cart atau via sms), info bank pembayaran, info contact customer service dll.

Untuk tampilan di versi mobile lebih disederhanakan sehingga beban loadingnya diharapkan tidak menjadi masalah, meski dibuka dengan akses internet di sinyal yang terbatas.

Fitur selengkapnya bisa Anda periksa langsung melalui link Live Demo template di bawah ini.

Cek Template dengan fitur yang lainnya :

Green Green Template, Template serba hijauZen Pink Template, dengan warna merah mudaTemplate Buku Kita, toko buku online yang dipadukan dengan blogging

Template Toko-01 LIVE DEMO
MAIN FEATURESCheck List Full Responsive DesignGrid View HomepageHeader Contact Customer Service iconResponsive menuPro…

2 Template Toko Online Blogspot Gratis Rasa Premium

2 Template Toko Online Blogspot Gratis Rasa Premium - Untuk me-review Template Toko Online yang pernah didesain ulang Tukang Toko Online, posting kali ini sengaja untuk memberikan sedikit informasi untuk pengunjung setia Tukang Toko Online yang mungkin sempat ketinggalan info mengenai template toko online gratis namun dengan rasa premium.

Nah berikut ini adalah 2 template toko online blogspot gratis yang juga memiliki pilihan premium jika anda berniat untuk mendapatkan fitur tambahan yang lebih lengkap. Itulah mengapa ke dua template tersebut be-rasa premium :D.

Berikut ini adalah ke dua Template Tersebut.


Template Sederhana Simple Shop
Live DemoDownload

Fitur  Shopping CartEmail InvoiceResponsive ViewMini Cart IconRupiah CurrencyHotline text iconSearch BoxRelated Product PostFitur selengkapnya klik sub judul template ini
Galaxo Shop Responsive Template
Live DemoDownload Fitur : Responsive Background ColorBlack-WhiteSlide ShowFeatured ProductSocial ButtonShopping CartInvoice EmailCurrencyRu…
DISCLAIMER: Tukang Toko Online berhak menolak order jasa toko online yang bertentangan dengan hukum di wilayah RI. Order tidak bisa dibatalkan, hanya bisa dialihkan ke Paket lain. Tukang Toko Online tidak bertanggung jawab terhadap isi/konten Toko Online. | MOHON BACA TOS SEBELUM ORDER