Secara default instalasi awal magento hanya memberikan sebuah halaman kosong pada halaman depannya. Kecuali tentunya kalo kita menginstall sample-data yang akan menjadikan tampilan homepage nya menjadi sama dengan tampilan demo pada situs magento. Untuk merubah tampilan halaman home ini kita bisa melakukannya cukup dari layar admin, pada bagian menu CMS. Tutorial ini akan membahas langkah-langkah yang di perlukan untuk menampilkan daftar produk tersebut pada halaman depan dari toko kita.

Untuk dapat menampilkan daftar produk terbaru pada halaman home dari situs magento kita, proses nya cukup mudah. Kita cukup menambahkan pemanggilan terhadap modul nya, yang telah di sediakan oleh magento yaitu pada modul catalog/product/new. Modul ini akan menampilkan daftar produk yang telah kita tandai sebagai new dari layar administrasi. Masukan tanggal awal dan tanggal akhir sebuah produk akan di anggap sebagai produk baru, pada isian “Set Product as New from Date” dan “Set Product as New to Date”, dan selanjutnya produk tersebut akan bisa ditampilkan oleh modul catalog/product/new magento.

Isian tanggal untuk produk baru

Setelah kita lakukan penandaan pada produk-produk yang ingin kita tampilkan sebagai produk baru, langkah selanjutnya adalah melakukan perubahan kode pada halaman home. Untuk melakukan perubahan kode tersebut, kita masuk ke menu CMS/Manage Pages, dan pilih halaman yang menjadi halaman home dari situs kita. Pada proses ini kita harus melakukan modifikasi pada 2 tempat, yaitu pada tab General Information dan Custom Design. Pada General Information, bagian yang harus kita rubah adalah di bagian Content. Bagian Content inilah yang akan nantinya di tampilkan pada halaman home anda. Untuk di bagian ini masukan potongan kode berikut pada posisi dimana anda menginginkan daftar produk terbaru tersebut untuk muncul.

{{block type="catalog/product_new" template="catalog/product/new.phtml"}}

Arti dari potongan kode di atas adalah kita memanggil modul catalog/product/new dan untuk menampilkan nya akan digunakan template yang bernama new.phtml di direktori catalog/product yang bisa ditemukan pada direktori layout dari template yang kita gunakan.

Selanjutnya kita masuk ke Tab Custom Design, disini kita akan menambahkan kode pada bagian Layout Update XML. Masukan potongan kode di bawah pada bagian tersebut.

<reference name=”content”>
<block type=”catalog/product_new” name=”home.catalog.product.new” alias=”product_new” template=”catalog/product/new.phtml” after=”cms_page”/>
</reference>

Secara sederhana potongan kode di atas artinya, kita memanggil modul blok catalog/product/new dengan nama “home.catalog.product.new” dan memiliki alias atau nama lain “product_new”. Template yang akan digunakan adalah catalog/product/new.phtml dan ditempatkan setelah bagian “cms_page”. Dan blok ini akan ditambahkan di bagian content (reference name=”content”) pada layout yang digunakan.

Simpanlah semua perubahan yang telah dilakukan. Dan lakukan refresh cache dari menu System/Cache Management, hal ini untuk memperbaharui isi cache dari instalasi magento kita. Tanpa melakukan proses refresh cache ini maka perubahan yang telah kita lakukan tidak akan tampil. Bukalah halaman depan (home) dari situs magento kita, dan seharusnya daftar produk terbaru nya akan langsung ditampilkan pada halaman tersebut.

Contoh tampilan produk terbaru

Gambar di atas merupakan tampilan standar dari template bawaan magento. Untuk merubahnya kita cukup merubah isi dari file template tersebut (dalam contoh di atas catalog/product/new.phtml). Sedikit saran jika kita ingin merubah bentuk tampilan yang digunakan, sebaiknya salin file template tersebut. Dan lakukan perubahan pada file yang baru tersebut, tentunya dengan tidak lupa merubah pilihan layout template untuk merujuk ke file yang baru tersebut.

Nah selamat mencoba …………

• Previous Entry: Hitung Mundur WordPress 2.7
• Next Entry: Menampilkan gambar pada RSS Feed