Bagi orang-orang yang telah mengikuti Amazon Affiliate pasti sudah mengenal apa itu Astore Amazon. Sedikit pengenalan saja, Astore adalah fasilitas yang diberikan oleh Amazon agar kita dapat membuat toko online sendiri. Sehingga kita hanya tinggal menyemplungin saja produk-produk yang telah di sediakan oleh amazon dan whooalaa, kita sudah punya toko online sendiri.

Tapi menurut saya, template astore yang mereka sediakan tampilannya agak kurang menarik dan terlalu monoton. Walaupun designnya yang kurang menarik, tapi belum tentu pengunjung tidak membeli barang yang ada di toko astore kita. Juga sebaliknya, tidak juga barang dagangan kita akan laku keras ketika tampilan astore kita menjadi berbeda dan kelihatan bagus, tapi at least saya ingin tampilan astore saya sedikit kelihatan tidak monoton dan terlihat standar.

Di internet ada banyak informasi cara mengubah tampilan astore atau menyediakan themes khusus astore ini, dari yang gratisan sampai yang mengharuskan kita membayar thmes yang mereka sediakan. Salah satu contoh-nya adalah unique-template-store[dot]com. Menurut saya tampilan Astore-nya cukup menarik. Si empunya website ini menjual themes Astore tersebut seharga $3/themes (total ada 30 biji themes yang mereka tawaran). Hmm.. bagaimana saya astore saya bisa kelihatan seperti itu ya? tanpa harus mengeluarkan duit $3.

Saya sendiri bukan ahli dalam mendesign sebuah website atau blog, apalagi membuat sebuah web online store, tapi dengan sedikit tweaking dan utak-utik sedikit plus menjadi sesosok mahkluk nocturnal, kita bisa membuat tampilan astore amazon kita persis sama dengan tampilan mereka kok’, hanya dengan memasukan dan mengubah secercah kode CSS (diterangkan di bawah lebih lanjut) plus mengupload image untuk bagian backgroundnya di hosting image gratisan seperti imageshack, photobucket, tinypics de’el’el etc.

Ok.. acara mengutak-utik astore-pun dimulai. Sekedar contoh, saya akan mengubah tampilan toko astore airsoft saya seperti di bawah ini menjadi berbeda menjadi Affordable Airsoftgun Online Store.

Saya asumsikan kita telah memilih kategori atau produk yang telah dipilih untuk ditampilan di toko astore kita. Kita akan dibawa ke area untuk mengedit tampilan Astore. Karena kita akan meng-customize tampilan astore, kita pilih edit CSS. Dan akan tampil menu untuk mengedit CSS.

Note: Bagi yang begitu paham memilih kategori di astore ataupun belum mengerti secara keseluruhan apa itu amazon affiliate, saya sarankan untuk menyambangi mengunjungi waroeng-nya kang Viet Anwari. Beliau ini menerangkan secara lebih detail dari A sampe Z mengenai Amazon affiliate plus turorialnya.

Memasukan kode CSS

Basically yang saya override CSS-nya hanyalah bagian GLOBAL – CATEGORY PAGE dan SEARCH RESULTS. Untuk bagian yang lain saya biarkan kosong (tidak saya ubah).

Setelah mengupload image untuk bagian background dan gambar2 pendukung lainnya di photobucket.com dan mengcopy alamat url gambar tersebut di kode CSS. Dan akhirnya tampilan astore sayah pun menjadi seperti ini :

Btw,kode CSS yang saya masukan di tiap2 bagian dapat di download di sini. Saya juga melampirkan pula file *.psd (photoshop file) untuk template gambar backgroundnya (bisa download di sini). Bisa anda ubah sesuai selera atau sesuai dengan product yang anda pajang di astore anda. Setelah mengupload gambar background di hosting image pilihan anda, jangan lupa mengganti alamat url dengan url hosting image itu tadi di bagian kode CSS-nya, seperti contoh ini.

That’s it. Relatif sama dengan yang ini kan?. Huuhuuy.. not bad for a newbie like me. . Selamat mencoba.

Moral cerita diatas, daripada ngeluarin duit $3, mendingan bikin sendiri. Toh hasilnya sama saja. .