Cara Membuat Shopping Cart Dan Paypal Checkout di Blog

Halo pengunjung blog hexhozord , kali ini admin ingin mengulas pembahasan milik Kang Ismet nih yaitu Cara Membuat Shopping Cart Dan Paypal Checkout di Blog. Awalnya beliau juga masih coba - coba untuk mengutak atik SimpleCart.js tapi katanya ini sudah bisa digunakan.

Pertama , taruh script dibawah ini tepat sebelum kode </head> di template agan

<script src='https://jt-scriptsource.googlecode.com/svn/trunk/jquery.cookie.js' type='text/javascript'/>

<script src='https://jt-scriptsource.googlecode.com/svn/trunk/simplecart.js' type='text/javascript'/>

Kedua , sekarang taruh script ini masih sebelum kode </head> dan ubah email dengan punya agan

<script type='text/javascript'>
//<![CDATA[
simpleCart.email = 'ujangismatullah@yahoo.co.id';
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment',  'decrement','Total'];
//]]>
</script>

Ketiga , tinggal agan bikin postingan seperti dibawah ini
<div class="simpleCart_shelfItem">
    <img alt="Huwawei" class="item_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivnarMJ_BrzrKOurTrVaeWp9vSOMzw4ICOSQmLWDEuW0UsMafHyDdzyeBdo2v4gb2jW6Fum3_jBG6VYD_aB3UxDFoBF_GjG4Yv14x-S_DbVdWbC56NFp_IJqsflSMbOnY91PMFIzVIJLdg/s1600/Huawei-E392-100Mbps.jpg"/>
    <h2 class="item_name"> Awesome T-shirt </h2>
    <p> <input value="1" class="item_Quantity" type="text"><br>
    <span class="item_price">$35.99</span><br>
    <a class="item_add" href="javascript:;"> Add to Cart </a></p>

</div>

Untuk Tambahan , berikut ini informasi yang harus agan ketahui
// menampilkan jumlah pesanan (item)
<span class='simpleCart_quantity'></span>
// menampilkan detail pesanan
<span class='simpleCart_items'></span>
// menghapus daftar belanja
<a class='simpleCart_empty' href='javascript:;'>Empty Cart</a>
// checkout
<a class='simpleCart_checkout' href='javascript:;'>Checkout</a>
// jumlah total
<span class='simpleCart_total'></span>

Hasilnya akan seperti cart belanja di toko online gan , informasih berdasarkan item nya bisa lihat digambar yang ada dibawah ini

Bagaimana ? tertarik gan ? silahkan dicoba dan dipraktikan dengan benar agar hasilnya sempurna oh iya admin juga akan menampilkan demo nya akhir postingan

  DEMO  

Trimakasih untuk Kang Ismet atas tutorialnya , semoga semua ini dapat bermanfaat Amin.

Title: Cara Membuat Shopping Cart Dan Paypal Checkout di Blog
Posted by:Unknown
Published :2015-06-03T10:29:00+07:00
Rating: 3.5
Reviewer: 5 Reviews
Cara Membuat Shopping Cart Dan Paypal Checkout di Blog

Posted by Unknown

Tweet