Artikel ini saya maksudkan untuk sharing cara-cara mengubah tampilan toko online oscommerce, yaitu :
- Menambah pilihan bahasa
- Menghapus main text yang muncul saat pertama kali membuka toko online oscommerce
- Mengubah warna background layar monitor
- Mengubah lebar halaman
Default pilihan bahasa yang ada di oscommerce adalah Inggris, Jerman dan Spanyol. Misalkan kita ingin menambahkan Indonesia sebagai alternatif pilihan, kita bisa melakukannya dengan cara sebagai berikut :
- Copy file english.php di folder catalog/includes/languages ke file baru dengan nama indonesia.php. Lakukan editing file indonesia.php dengan cara mengganti variabel text kata-kata bahasa Inggris ke bahasa Indonesia.
- Copy folder “english” yang ada di catalog/includes/languages/ beserta seluruh isinya ke folder baru dengan nama indonesia. Lakukan editing file-file yang ada di dalam folder “indonesia” dengan cara mengganti variabel text kata-kata bahasa Inggris ke bahasa Indonesia.
- Upload file indonesia.php dan folder “indonesia” beserta seluruh isinya ke server webhosting’ letakkan di folder catalog/includes/languages.
- Masuklah ke admin panel toko online Anda, yaitu www.TokoAnda.com/admin/. Langsung menuju ke menu Localization/Languages. Klik tombol “new language” dan masukkan data-data yang diperlukan pada kolom “New Language” di sebelah kanan halaman admin panel.
- Jangan lupa untuk terlebih dahulu membuat logo bendera merah putih kecil dengan ukuran 24×15 pixels dan simpan dengan nama icon.gif. Logo merah putih ini kita perlukan untuk mengganti icon.gif yang ada di folder catalog/includes/languages/indonesia/images. Jika tidak kita ganti dengan logo merah putih, maka yang akan muncul adalah icon union jacks.
Kita bisa mengubah warna background layar monitor toko online oscommerce dengan mengedit file stylesheet.css yang ada di folder catalog. Pada baris ke-18 di bawah text BODY {, kita akan menjumpai script :
background : #FFFFFF ( FFFFFF adalah hexa code untuk warna putih)
ubahlah menjadi :
background : #1C1C1C (1C1C1C adalah hexa code untuk warna hitam abu-abu)
Kemudian upload file stylesheet.css yang sudah diedit tersebut.
Selain warna background layar monitor, dengan mengedit file stylesheet.css kita juga bisa mengubah warna :
- Navigation bar yang ada di bawah logo oscommerce pada header
- Info-box tittle-header dan garis border info-box yang ada di kolom kanan dan kiri
- Counter bar yang ada di bagian atas footer
- Dan warna-warna lain yang ada di tampilan toko online oscommerce
Untuk bisa melihat perubahan warna background layar monitor, kita harus mengubah lebar tabel toko online. Lebar default yang ada adalah 100%. Kita bisa mempergunakan prosentase atau menggunakan satuan pixels untuk menentukan lebar tabel toko online kita.
Dalam contoh berikut, kita akan mengubah lebar tabel dari 100% menjadi 960 pixels. Kita juga akan mengatur agar posisi tabel center di tengah layar monitor dan memiliki background warna putih (hexa code #FFFFFF). Yang perlu kita lakukan adalah mengubah script berikut :
<table border=”0″ width=”100%” cellspacing=”3″ cellpadding=”3″>
menjadi :
<table border=”0″ width=”960″ cellspacing=”3″ cellpadding=”3″ align=”center” bgcolor=”ffffff”>
Ada banyak file dengan script tersebut yang harus kita edit, yaitu :
- File header.php di folder catalog/includes/ pada baris ke-54 dan 60
- File footer.php di folder catalog/includes/ pada baris ke-14 dan 21
- Semua file di folder catalog yang memiliki script tersebut yang posisinya tepat di bawah text : <!– body //–>.
Misalkan file index.php baris ke-48, file login.php baris ke-95, file create_account.php baris ke-268, dsb. Kira-kira ada 40 file di folder catalog yang harus kita edit.
Dengan melakukan beberapa perubahan di atas, maka tampilan toko online kita pun menjadi lebih menarik.
salam kenal mas dari saya TYo
oya mas bolehkah saya sharing ilmu bersama mas , soalnya saya masi kebingungan ni mas untuk mengelolah oscommers .
silakan konfirmasi saya di YM :” tyo_lion18@yahoo.co.id ”
atau facebook saya ” tyolion18@gmail.com ”
atas perhatiannya saya ucapkan terima kasi , dan suatu kehormatan bagi saya bila mas mau mengkonfirmasi kontak ke saya . saya tunggu ya mas
salam kenal juga mas. saya priyo, tinggal di jogja. komputer saya di kantor belum bisa buat YM-an. nanti saya coba dari rumah.
trm kasih.
Pak, penjelasan untuk mengubah lebar kolom bisa diperjelas?
Salam kenal mas,
senang bisa melihat tutorial yang anda berikan
Mas saya masih bingung dg cara configurasi dan penambahan bahasa indonesia. saya paké hostingnya freehostia.com. Kalo mau bantu saya untuk menyetingkan toko online saya bisa kontak ke agussudaryanto79@gmail.com. Terima kasih
Bisa bantu saya untuk merubah/menambahkan bhs indo dan cara pembayaran ke oscommerce saya? terima kasih. agussudaryanto79@gmail.com
bisa kasih contoh gak ya yang diubah parameter apa aja..
artikel yg bagus.. mohon pencerahan Suhu. di website saya mnggunakan osCommerce. tapi saya tidak ingin pelanggan ribet dengan cara registrasi sblum checkout slesai. sya inginnya ketika pelanggan sudah mnyelsaikan belanjanya, maka halaman yg kluar bukan tentang pilihan alamat pengiriman, metode pngiriman dsb. sya ingin langsung ada halaman tentang informasi no rekening saya dan no telepon sya. krna ingin memudahkan pelanggan. utk alamat pengiriman kan bisa via sms. kira 2 bgaimana scriptnya? trimakasih..
- Menghapus main text yang muncul saat pertama kali membuka toko online oscommerce
yg ini kok belum dijelasin???