Kamis, 14 Agustus 2014

Catalogspot Revo eCommerce Blogger Template


By on 19.14




Catalogspot Revo Blogger Template, versi ketiga dari Catalogspot Shopping cart Blogger Template dar loefa-cebook, template Blogger untuk toko online, dengan gaya toko online moderen, dilengkapi dengan slider dari Flexslider JS, skrip menu dari Superfish JS, membuat template ini terlihat seperti toko online profesional.

Live Demo       Download


Jika anda berminat menggunakan template ini silahkan download langsung, dan berikut adalah cara optimasi Catalogspot Blogger Template ini.

Cara Install Template


Untuk cara instal itu simpel.
  1. Unzip file Catalog blogger template yang sudah anda download
  2. Masuk ke Blogger Halaman Template, lalu klik EDIT HTML
  3. Buka file XML Catalogspot K2 dengan HTML Editor seperti Notepad++ untuk Windows atau extWrangler untuk Mac.
  4. Lalu Copy semua kode template dan Paste kedalam EDIT HTML Blogger
  5. Klik Save Template


Setting Checkout

Untuk setting Paypal akun anda harus ke EDIT HTML lalu temukan kode berikut :

<script type='text/javascript'>
//<![CDATA[
/*----------------------------
CART SETTING
-----------------------------*/

$(function(){
   simpleCart({
       checkout: { 
           type: "PayPal" , 
           email: "Your_Store@yours.com" 
       } 
   });

/*----------------------------
SHIPPING RATE SETTING
-----------------------------*/
simpleCart.shipping(function(){
    if( simpleCart.quantity() > 20 ){
         return 0;
     } else {
         return 10;
     }
}); 
});   
//]]> 
</script>
   

Peratama ganti alamat email dengan alamat email akun paypal anda. dan pengaturan biaya pengiriman (Shipping Rate) adalah $10 jika pengunjung membeli kurang dari 20 item, dan gratis jika lebih dari 20 item.

Format Post


Untuk Template ini, setiap posting atau entry harus menggunakan format post yang tersedia, agar template ini bekerja dengan maksimal.

<div class="item_image">
<img border="0" class="item_thumb" src="YOUR_IMAGE_URL.jpg" />
<span class="item_price">$00.90</span>
</div>
<div class="item_Description">
Some text for item description
</div>


Yang perlu diganti adalah gambar sebagai preview dari item anda, harga item dan deskripsi dari item anda. setelah anda mengganti semuanya anda copy kode dan paste di post editor, klik tobol HTML di sebelah kiri atas post editor sebelum anda masukan kode diatas. dan pastikan juga lebar gambar lebih dari 700px

Membuat Halaman View Cart

  1. Buka halaman PAGES di dasboard Blog anda,
  2. Klik New Page Lalu Klik New Blank
  3. Setelah Post editor terbuka klik HTML dan copy paste kode berikut
    <div class="cart-view left">
    <div class="simpleCart_items"></div>
    </div>
    <div class="cart-info right">
    Shipping rate : <span class="simpleCart_shipping"></span>
    <br/>
    Total : <span class="simpleCart_grandTotal"></span> 
    <br/>
    <br/>
    <br/>
    <div class="ck-btn">
    <a href="javascript:;" class="simpleCart_checkout">Ready Checkout</a>
    </div>
    </div>
    

  4. Terkhir Klik tombol Publish

Dan akhrinya,, terimakasih telah berkunjung dan semoga template ini dapat bermanfaat. Untuk Template selanjutnya saya ingin membuat template Blogger bertema Photography, Insya allah. hehe. salam.




About The Blogger

"Belumkah datang waktunya bagi orang-orang yang beriman, untuk tunduk hati mereka mengingat Allah dan kepada kebenaran yang telah turun (kepada mereka), dan janganlah mereka seperti orang-orang yang sebelumnya telah diturunkan Al Kitab kepadanya, kemudian berlalulah masa yang panjang atas mereka lalu hati mereka menjadi keras. Dan kebanyakan di antara mereka adalah orang-orang yang fasik." (QS. Al Hadid 57 : 16)

0 komentar:

Posting Komentar