Tampilan Oscommerce : Menambah & Menghapus Gambar Logo (Graphic Image)

Default tampilan toko online oscommerce memiliki logo oscommerce pada bagian top header dan bottom footernya. Tampilan ini tentu saja kurang menarik. Hampir semua pengguna oscommerce mengganti logo tersebut dengan gambar graphic yang lebih sesuai dengan tema produk yang dijualnya.

Dalam posting kali ini saya akan menyampaikan tentang hal-hal yang berhubungan dengan graphic image, yaitu :

-  Cara mengganti logo oscommerce pada header
-  Cara menghapus logo oscommerce pada footer
-  Cara menambahkan clickable graphic image pada kolom oscommerce

Sebelum memulai langkah lebih lanjut, sebaiknya Anda terlebih dahulu mempersiapkan gambar logo (image) yang akan dipakai untuk menggantikan logo oscommerce pada top header. Ukuran lebarnya sesuai dengan lebar halaman website toko oscommerce Anda. Jika belum tahu tentang lebar halaman oscommerce, Anda bias membaca artikel saya sebelumnya. Beri nama file tersebut mylogo.jpg.

Untuk mengganti logo oscommerce pada header, Anda cukup mengganti nama file store_logo.png yang terdapat pada baris ke-56 file header.php yang tersimpan pada folder includes. Gantilah store_logo.png dengan mylogo.jpg.

Kemudian Anda juga harus menghapus seluruh baris ke-57 dari file header.php di atas. Upload file header.php yang sudah diedit. Upload juga file mylogo.jpg ke dalam folder images. Coba buka toko online Anda sekarang, tentu tampilannya menjadi jauh lebih menarik.

Untuk menghapus logo oscommerce pada footer caranya sangat mudah. Bukalah file footer.php yang ada di folder includes. Hapus semua baris, dari baris ke-26 sampai baris terakhir, yaitu :

<?php
if ($banner = tep_banner_exists(‘dynamic’, ’468×50′)) {
?>
<br>
<table border=”0″ width=”100%” cellspacing=”0″ cellpadding=”0″>
<tr>
<td align=”center”><?php echo tep_display_banner(‘static’, $banner); ?></td>
</tr>
</table>
<?php
}
?>

Terakhir tentang menambahkan baris kosong (spasi), baik pada header, table utama ataupun footer toko online oscommerce. Penambahan spasi tersebut cukup dilakukan dengan menambahkan perintah berikut di tempat yang yang ingin Anda berikan spasi tambahan :

<table align=”center” border=”0″ width=”100%” cellspacing=”0″ cellpadding=”0″>
<tr>
<td><?php echo tep_draw_separator(‘pixel_trans.gif’, ’100%’, ’10′); ?></td>
</tr>
</table>

Selamat mencoba. Semoga tampilan oscommerce Anda menjadi jauh lebih menarik pengunjung.