Cara Menambahkan Shopping Cart di Template Blogspot

Bagaimana cara menambahkan shopping cart ke template blogspot? Seringkali Tips SEO Terbaik menerima pertanyaan ini. Nah tulisan kali ini akan mencoba memberikan panduan mengenai cara memasang shopping cart ke template blogspot. Shopping cart yang dipasang adalah dengan checkout via paypal.

Panduan memasang atau menambahkan shopping cart ke template blogspot ini sebenarnya pernah ditulis oleh Kangismet di blognya blog.kangismet.com.  Script shopping cart sendiri diambilkan dari scriptnya simplecart buatan thewoojogroup.com.

Pemakaian SimpleCart.js ini sangat cocok untuk platform blogspot yang tidak menggunakan php.
Pemasangannya sebenarnya cukup sederhana.

Sebelum membaca lebih lanjut panduan menambahkan shopping cart di template blogspot ini ada baiknya anda melihat dulu live demonya DISINI

Berikut panduannya.

Memasang Script Shopping Cart di Template

Langkah 1.

Pastikan template anda sudah memasang  frame works jquery di template anda, jika belum simpan script berikut ini tepat di atas

Keterangan :
Ganti alamat email dengan email akun paypal anda.

Penulisan Kode pada laman posting

Penulisan kode di saat melakukan posting produk perlu diperhatikan dengan seksama.
Cara penulisan kode postingan adalah seperti ini:

simpleCart_shelfItem

">
    nama produk" class="item_thumb" src="http://url-gbr-produk.jpg"/>
   

Nama Produk

   

    $35.99

    Add to Cart

Keterangan:

• Text warna merah adalah text yang bisa anda ganti dengan data produk anda.
• Perhatikan pula bahwa setiap objek seperti nama, gambar, dan harga ada di dalam class simpleCart_shelfItem.

Penulisan laman posting juga bisa dilakukan dengan cara seperti ini.

nama produk" src="http://link-gbr-produk.jpg" />

Nama Produk

$50
Nama Produk','price=50','thumb=http://link-gbr-produk.jpg');return false;">add to cart

Keterangan :
text warna merah disesuaikan dengan data produk anda.

Beberapa kode HTML yang dipakai di Laman atau Widget Checkout.

Beberapa kode berikut ini adalah cukup penting karena dipakai untuk membuat widget halaman checkout.
Sedangkan penempatannya bisa anda atur sendiri disesuaikan dengan kreasi anda.

// menampilkan jumlah pesanan (item)


// menampilkan detail pesanan


// menghapus daftar belanja
Empty Cart

// checkout
Checkout

// jumlah total

Kostumisasi shopping cart

Dengan memanfaatkan inspect elemen pada browser, baik itu firefox maupun chrome, anda mencontoh beberapa script CSS pada demo laman shopping cartnya.
Namun jika anda mahir dengan CSS, bahkan hasilnya bahkan bisa jauh lebih bagus sesuai dengan keinginan desain yang bisa anda lakukan.

Nah panduan cara menambahkan shopping cart di template blogspot tersebut merupakan panduan yang sangat sederhana. Lebih jauh bisa dikembangkan sendiri, namun yang jelas. dasar-dasarnya adalah seperti itu. Semoga bermanfaat.