Disini kita akan mencoba mempercantik bentuk tampilan "hanya" special/feature product sedangkan product biasa tidak akan berubah di halaman browser virtuemart, sehingga produk unggulan yang kita tawarkan akan terlihat lebih mencolok mata, sehingga konsumen akan tertarik untuk melihat apa yang kita tawarkan.

Sebelumnya sudah tahu cara membuat special/featured product, tandai on special di halaman add new product virtuemart, kalo masih belum paham, tanya mbah google aja ya.

Seperti biasa, Perhatikan dengan seksama gambar-gambar yang saya lampirkan (klik gambar untuk memperbesar), jeli dan sabar dalam mencoba dan selalu gunakan imajinasi anda. Pastikan file-file yang akan di ubah di backup terlebih dahulu. Untuk contoh hasil yang sudah jadi bisa dilihat di sini.

 

HASIL YANG INGIN DI CAPAI :

Jualgame.web.id

Di web contoh, saya menambahkan gambar stempel recomended dan menonjolkan bagian special/featured produk, sedangkan produk biasa tidak mengalami perubahan.

 

 

LANGKAH PERTAMA :

Edit file shop_browse_queries.php lokasi nya ada di administrator/components\com_virtuemart\html\

Panggil query product_special agar produk special/feature di kenali di halaman browse, yaitu dengan menambahkan kode 'product_special', (jangan lupa tanda petik dan koma nya ya) di bagian $fieldnames sekitar baris ke 37.

shop_browse_query

Note: bisa di tambahkan dimana saja, tidak harus dibagian yang di tunjuk, asal masih dalam query $fieldnames.

 

LANGKAH KEDUA :

edit file shop.browse.php lokasinya ada di administrator\components\com_virtuemart\html\

Masukkan query yang kita panggil tadi kedalam halaman browser agar bisa di tampilkan, yiatu dengan menambahkan kode
$products[$i]['product_special'] = $db_browse->f("product_special"); dibagian //Unset these for the next product sekitar baris ke 444

shop.browse

 

 

LANGKAH KETIGA :

Edit file browse_4.php lokasinya ada di components\com_virtuemart\themes\default\templates\browse\

Tampilkan/render special/feature product menggunakan kode php di kombinasikan dengan kode css dihalaman browse virtuemart, karena saya menggunakan browse_4 jadi saya mengedit file browse_4, sesuaikan dengan file browse yang anda gunakan, kalau belum paham soal halaman browse silahkan tanya mbah google.

Tambahkan kode PHP dibawah ini setelah kode

, dan jangan lupa untuk menutup div yang digunakan di bagian akhir.

 

KODE: