Dunia Wirausaha / Toko Online / Tutorial

Toko Online (4) — Tampilan, Kosmetika

Masalah tampilan atau kosmetika toko online sangat penting. Membangun toko online kemarin pakai plugin ecommerce dari TheCartPress (TCP), tetapi TCP juga meluncurkan tema anak (child theme) dari Twenty Eleven untuk ecommerce.
 
Apa beda plugin TCP dengan tema ecommerce TCP?

Pakai plugin TCP kurang bagus? Sudah lumayan ‘ah!

TCP ecommerce theme not pluginLalu TCP mengapa buat tema lagi? “…Twenty Eleven eCommerce” theme has extra sidebar at bottom of content to offer cross sales or cross content in single and taxonomy pages. Less margins, titles smaler in grids, and other basic adjustements… “, begitu jawaban Forum.

Diakui, plugin menghasilkan tampilan memang lebih mirip ‘blog’ daripada ‘website’ yang seharusnya dimiliki sebuah toko. Dibuatlah tema ini.

Ooh begitu, coba kita lihat. Gambar bawah. Ada 2 hal baru, sebagian sidebar widget pindah ke bawah, ada ‘window’ kecil di pojok kanan memperlihatkan jumlah belanjaan. Bandingkan tampilan Toko Online (2) – laman baru).
 

Isi ‘widget’ di sidebar diganti informasi urusan perbelanjaan. Bisa dimengerti, belum tahu diisi apa.
 
Lalu kapan jualannya?

Segera! Tak perlu sempurna tetapi sedikit lebih baguslah dari sebelumnya. Jangan mau kalah dengan situs jualan online asal Cina, masih berantakan sudah jualan. TCP juga masih banyak kekurangan seperti notasi uang kita ‘IDR’. Di versi berikutnya ‘Rp.’ sudah tercantum, katanya.

Mengelola variasi produk juga belum sempurna. Harus pakai plugin lain. Baju kaos oblong misalnya, kita tahu ada kombinasi ukuran (XXL, L, M, S) dan warna. Pengaturannya di TCP masih rumit. Mau diperbaiki, katanya. Sementara belum berfungsi, diakali saja dulu agar toko bisa segera beroperasi.
 
Bagaimana mengganti ‘IDR’ jadi ‘Rp.’?

Buka berkas UIImprovements.class.php di folder ..\wp-content\plugins\thecartpress\modules dengan WordPad atau NotePad++.

Di bawah baris 47 tambahkan tulisan ini,

elseif ( $currency == ‘IDR’ ) return ‘Rp.’;

Save. Buka tokonya… horee sudah ‘Rp.’!
 
Menu apa sebaiknya ditampilkan di halaman depan toko?

Tidak ada aturannya. Toko ini memakai 5 menu: (1) “Etalase Toko” (Catalogue TCP) isinya produk. Mengatur pajangan di etalase adalah masalah selera. Kerahkan habis kreativitas agar pengunjung langsung tertarik. Satu contoh, produk dipajang dalam bentuk slideshow (ada banyak plugin slider, jQuery, dst. untuk ini).

Menu lain, (2) “PernakPernikNakNik” sama dengan About Us di blog; (3) “Belanjaan” adalah Shoppingcart & Checkout TCP; (4) “Tanya Jawab” adalah forum tempat tanya jawab semacam meja informasi, begitu; (5) “Blog” berisi posting biasa menjelaskan manfaat produk yang ditawarkan.
 
Bagaimana eksterior (tampilan luar) toko?

Tentu saja tampilan toko online secara keseluruhan, dilihat dari luar, harus menarik. Font, warna laman, tombol navigasi menu ubah sesuai tema toko. Jangan terlalu mirip ‘Twenty Eleven’lah! Sudah dibahas caranya di posting terdahulu. Bisa ya.

Gambar/foto produk? Untuk memperoleh ketajaman maksimal gambar sebaiknya jangan disunting. Asli apa adanya. Crop saja mengikuti ukuran gambar di WordPress: Thumbnail, Medium, Large, Fullsize.

Bagaimana dengan gambar header? Juga diganti menyesuaikan tema toko.

Ada eksperimen kecil gambar ‘header’ yang menarik. Buat ‘New Page’, beri nama misalnya ‘Demo Gambar Header”, kosongkan isinya. Klik Set Featured image (di kolom ‘widget’), unduh gambar ukuran besar 1000 x 288 piksel (ukuran khusus ‘header’), klik Use as Featured image.

Klik Publish!
 
Demo gambar header di Page 1000x288 px
Wow!

Gambar berlaku hanya di ‘page’ bersangkutan. Karena menu dasarnya adalah ‘page’, gambar header di setiap menu bisa dibuat berbeda! Asyik juga. Cobalah.
 
:D
 

4 gagasan untuk “Toko Online (4) — Tampilan, Kosmetika

  1. Aslm….
    Peluang Usaha Baru
    Sabun Lulur Kita membuka kesempatan bagi Anda untuk peluang usaha hanya dengan
    modal Rp. 63000,- (6 pcs) keuntungan 30 % dan Rp 108.000,- (12 pcs) keuntungan 40 % .sudah dapat menjual produk kami dengan harga pasar
    Rp 15.000,-
    Keuntungan bisa mencapai 30 – 60 %
    bisa unutuk kulit gatal – gatal dan kulit sensitif
    Cp : 08567441167
    Selengkapnya bisa di lihat di :
    http://www.sabunlulurkita.blogspot.com & http://tokoherbalahas.blogspot.com

  2. /2011/11/26/menghilangkan-vokal-di-lagu-dengan-audacity-untuk-karaoke/comment-page-1/#comment-4165 .. tolong saya hilang kan vokal nya .. saya ada komen disana

Ditunggu komentarnya... ('like' ikutan dong)

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s