Template Blogspot Shopping cart Johny Magstore Modif

Baca Juga

Template Blogspot Shopping cart Johny Magstore Modif - Adanya error pada script email checkout di template shopping cart buatan maskolis, membuat banyaknya pertanyaan yang datang cukup bertubi-tubi ke tukangtokoonline. Akhirnya terpaksa mencomot script shopping cart dari template buatan irsah.com agar checkout dengan email invoice ini tetap bisa berjalan.
Script shopping cart saya pasang di Template Johny Magstore punya maskolis dengan sedikit modifikasi tentunya.
Silakan anda cek live demonya, jika berminat silakan anda download.

Attention ..!! 
Dimohon untuk yang trial Order di Live Demo template ini untuk mengisikan data email yang valid (yang sebenarnya, bukan fake email ) agar script template email di template ini tidak terkena suspend dari pihak hosting dan tetap bisa kita gunakan bersama..

Mohon tidak membuang credit link pada template.

Nama Template	Johny Magstore Modif
Demo Template
Feature	email checkout shopping cart Auto Checkout Grid view, list view Latest Post Slide Show 4 columns Order email notification 2 Drop-down navigation menu bar Page Checkout with Order form & shopping cart Email invoice source code : www.irsah.com Template designed : www.maskolis.com
checkout page	Males atau Bingung cara settingnya...?  Pake JASA TOKO ONLINE   dari Tukang Toko Online Saja... KLIK DISINI

Setting Template Johny Magstore Modif

Langkah 1 >> Upload template Johny Magstore 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 Johny Magstore Modif";
  data.shop_url = "//johnymagstoremodif.blogspot.com/";
  data.shop_thankyou = "//johnymagstoremodif.blogspot.com/p/success.html";
  data.shop_sendFail = "//johnymagstoremodif.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 Johny Magstore 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 Checkout, 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/checkout.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 />
<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 />
<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>
<br />
<label for="phone">Phone @ H/P</label> :<br />
<input id="phone" name="phone" placeholder="Preferred mobile number" type="text" /><br />
<br />
<label for="delivery_address"><b>Your Delivery Location ? </b></label> <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 />
<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 />
<br />
<label for="postcode">Postal Code</label> :<br />
&nbsp;<input id="postcode" name="postcode" placeholder="Address postal code" type="text" /> <br />
<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>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&gt;POS Ind. - </b>POS Indonesia. </li>
</ol>
</div>
<!-- End checkout-details --></td>
</tr>
</tbody></table>

 Anda bisa mengedit text yang berwarna biru.

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="product_image">
<div class="pancontainer" data-orient="center" data-canzoom="yes" style="width:150px; height:150px;">
upload gbr produkdisini... </div>
<span class="item_price">Rp 7,000</span> </div>
<div class="product_describe">
Deskripsi produk anda disini... </div>

Ganti  text yang berwarna biru sesuai dengan perintahnya.

Untuk edit fitur template yang lainnya hampir sama dengan tutorial dari template johny magstore di websitenya maskolis.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
Wasalam