Posting ini akan menjelaskan bagaimana langkah demi langkah (step by step) membuat atau menempelkan icon Yahoo Messenger di OpenCart. Yahoo Messenger adalah salah satu alat komunikasi yang sering digunakan para pedagang online sebagai salah satu mekanisme pendukung jualan. Dengan Yahoo Messenger, komunikasi antara calon pembeli dengan pemilik toko atau penjaga toko online menjadi mudah dan murah.
Dalam posting ini saya akan menggunakan OpenCart versi 1.3.2 yang saya instal di komputer sendiri (lokal). Anda bisa juga mencobanya di server hosting jika Anda sudah mempunyai toko online yang sudah berjalan. Namun saya menyarankan lebih baik mencobanya secara lokal dulu sebelum langsung diterapkan di server untuk menghindari toko online menjadi error karena kesalahan-kesalahan selama pemasangan.
Icon Yahoo Messenger
Saat tulisan ini diturunkan, icon Yahoo Messenger tersedia secara bebas dari salah satu server Yahoo. Untuk bisa menggunakannya, syarat utama kita mesti punya account di Yahoo. Hal ini penting karena icon Yahoo Messenger menggunakan account ID atau username kita di Yahoo. Syarat kedua kita mesti punya software client Yahoo Messenger yang selalu kita nyalakan apabila status kita tetap terlihat online.
Beberapa gadget seperti handphone dan PDA juga dilengkapi dengan software yang bisa mengakses Yahoo Messenger sehingga pesan-pesan Yahoo Messenger bisa kita baca melalui handphone atau PDA kapan saja. Gadget ini tentunya sangat bermanfaat terutama bagi staff support atau marketing yang selalu ingin terlihat online.
Untuk menampilkan icon Yahoo Messenger dalam sebuah halaman web, caranya cukup sederhana. Kita hanya perlu mengakses URL berikut ini:
http://opi.yahoo.com/online?u=[Yahoo ID]&m=g&t=[tipe]
Ganti [Yahoo ID] dengan Yahoo ID kita sendiri, dan isi [tipe] dengan angka tertentu (1 s/d 24) yang menunjukkan tipe icon yang ditampilkan.
Berikut ini contoh icon-icon Yahoo Messenger dengan user id saya sendiri (agus.suhanto) dengan berbagai tipe tampilan icon:
-
http://opi.yahoo.com/online?u=agus.suhanto&m=g&t=1
-
http://opi.yahoo.com/online?u=agus.suhanto&m=g&t=2
-
http://opi.yahoo.com/online?u=agus.suhanto&m=g&t=3
Memasang Icon Yahoo Messenger di OpenCart
Untuk memasang icon Yahoo Messenger ke sebuah halaman HTML atau PHP sebenarnya cukup mudah. Kita masukkan URL di atas dalam sebuah tag <img> ke halaman tertentu dengan lokasi atau penempatan sesuai dengan keinginan. Kemudian coba akses halaman tersebut dari sebuah browser. Jika kita terhubung ke internet, icon Yahoo Messenger pun sudah bisa terlihat.
OpenCart adalah aplikasi PHP. Namun ia memiliki mekanisme template tersendiri yang tidak sama dengan halaman HTML atau PHP biasa. File-file yang berhubungan dengan tampilian OpenCart ditempatkan dalam sebuah theme. Sebagai contoh untuk OpenCart versi 1.3.2 yang menggunakan theme default, file-file tersebut diletakkan dalam direktori berikut ini:
/catalog/view/theme/default/template
Misalnya kita ingin menempatkan icon Yahoo Messenger dalam header OpenCart, yang kita lakukan adalah mengedit file common/header.tpl dalam direktori di atas, dengan memasukkan tag <img> berikut ini ke dalam tag <div class=”div3″>:
<img src="http://opi.yahoo.com/online?u=agus.suhanto&m=g&t=1 />
Hasilnya bisa dilihat dalam gambar berikut ini.
Problemnya agak menjadi kompleks kalau kita ingin menempatkan icon Yahoo Messenger dalam sidebar di dalam salah satu box. Di dalam OpenCart terdapat box-box di sidebar sebelah kanan seperti Shopping Cart, Currency, dan Bestsellers. Seandainya kita ingin menempatkan icon atau gambar Yahoo Messenger di dalam sebuah box sendiri di bawah box Shopping Cart, kita tidak bisa menggunakan cara edit seperti di atas. Kita mesti mengetahui mekanisme module dalam OpenCart yang akan saya uraikan di bawah ini.
Membuat Module dalam OpenCart
Box-box yang terdapat dalam sidebar OpenCart, baik sebelah kanan maupun sebelah kiri diimplementasikan sebagai module. Box-box ini penempatannya fleksibel, bisa digeser ke sidebar kiri atau kanan, dengan urutan yang bisa dibolak-balik. Module dalam OpenCart diimplementasikan dengan beberapa file yang jika sudah terpasang mesti diaktifkan terlebih dahulu melalui layar administrasi.
Gambar berikut ini menampilkan layar administrasi Module yang bisa diakses melalui menu Extensions – Module.
Jika kita ingin menempatkan icon Yahoo Messenger ke dalam salah satu box, kita mesti membuat sebuah module baru. Untuk membuat module baru, kita bisa meng-copy-nya dari module yang sudah ada, misalnya module Manufacturer. Dalam posting ini saya akan membuat sebuah module baru yang saya beri nama NeedHelp, dan untuk source-nya saya copy-kan dari source module Manufacturer.
Berikut ini daftar file untuk module NeedHelp yang saya buat:
- /admin/controller/module/needhelp.php [source]
- /admin/language/english/module/needhelp.php [source]
- /admin/view/template/module/needhelp.tpl [source]
- /catalog/controller/module/needhelp.php [source]
- /catalog/language/english/module/needhelp.php [source]
- /catalog/view/theme/default/template/module/needhelp.tpl [source]
Meng-Instal Module OpenCart
Setelah file-file tersebut kita copy-kan ke server, langkah selanjutnya adalah meng-instal module OpenCart melalui layar administrasi. Untuk mulai meng-instal-nya, arahkan browser ke alamat berikut ini.
http://opencart.132/admin/index.php?route=extension/module
(Catatan: ganti opencart.132 dengan nama domain Anda sendiri)
Layar berikut menunjukkan daftar module yang ada dalam OpenCart. Perhatikan bahwa module NeedHelp yang baru saja kita buat sudah masuk dalam daftar tersebut.
Klik tombol/link [Install], kemudian klik tombol/link [Edit]. Selanjutnya akan muncul layar detil konfigurasi dari module NeedHelp, seperti terlihat dalam gambar berikut ini.
Dalam gambar di atas saya menempatkan module NeedHelp ke sidebar sebelah kanan (right), kemudian jangan lupa status di-enabled-kan, terus atur sort order-nya, dan yang penting mengisikan Yahoo ID dan tipe icon Yahoo Messenger yang diinginkan. Untuk tampil dalam sidebar, icon-icon yang berukuran besar lebih cocok, misalnya icon tipe 14.
Dan Hasilnya…
Setelah melakukan sekian banyak langkah yang cukup rumit, sekarang saatnya kita melihat hasilnya. Untuk melihat apakah icon Yahoo Messenger sudah muncul atau belum, arahkan browser ke halaman depan OpenCart. Seperti yang terlihat dalam gambar berikut ini, icon Yahoo Messenger sudah muncul dalam sidebar sebelah kanan OpenCart kita.
Kesimpulan
Memasang icon Yahoo Messenger dalam OpenCart bisa dilakukan dengan mudah atau dengan beberapa langkah pembuatan modul yang lumayan rumit. Jika kita ingin menampilkan icon Yahoo Messenger tersebut dalam header atau footer, cara mudah bisa dilakukan dengan langsung mengedit file template OpenCart. Namun, apabila kita ingin fleksibilitas penempatan icon tersebut dalam sebuah box di sidebar, cara yang cukup rumit melalui pembuatan module OpenCart bisa kita tempuh. Selamat mencoba.
saya menggunakan opencart 1.4, cara diatas tidak berfungsi alias layar blank sewaktu saya melakukan edit module needhelp dari admin untuk memasukkan yahooid.
Saya sudah mengulang 3x cara diatas tp tetap saja sama hasilnya blank.
Mohon pencerahannya.
Betul Pak, di OpenCart versi 1.4 memang cara tersebut (menggunakan source code yang saya berikan) tidak jalan hal ini karena mekanisme internal-nya lumayan berbeda… BTW saya sudah berhasil membuatnya di OpenCart versi 1.4, dan produk-nya akan available di http://suhanto.com/katalog sebentar lagi… saya sedang merampungkan dokumentasinya…
Terimakasih atas interest dan comment-nya…
di tunggu Pak Agus untuk Dokumentasinya,
Terimakasih Pak Agus Lestari atas comment-nya… BTW dokumentasi yang mana yang sedang ditunggu Pak?
Oh, mungkin comment ini nyambung dengan jawaban comment saya untuk Farly ya…
Kalau dokumentasi itu sudah selesai, karena produknya sudah available di http://suhanto.com/katalog/
iya Pak Agus, maksud saya dokumentasi itu, bolehkah di share ke kami?
Terimakasih banyak
pak agus link utk file yg ini tidak ditemukan
/catalog/view/theme/default/template/module/needhelp.tpl [source]
opencart sy jd gak bisa dibuka karena gak ada file tpl yg itu
Mogi, memang untuk OpenCart versi > 1.4.0 tidak bisa menggunakan cara ini karena memang sudah berbeda struktur programnya.
Maksud sy file needhelp.tpl.txt di link tsb tdk ditemukan pak.
ini juga sy coba di opencart yg versi 1.3.x
jd sy mohon kiranya pak agus bisa memperbaiki link tsb biar bisa sy copy source code-nya.
Makasih sebelumnya, sy jd bnyk belajar melalui web pak Agus ini.
Oh, itu memang initially tidak ada, jadi mesti dibuat dengan cara di-copy dari modul yg lain, misalnya modul manufacturer.
Wah saya baru ngeh setelah tadi nge-cek 404 log, ternyata walaupun file tersebut secara fisik ada di server tetapi tidak bisa diakses pakai HTTP. Barusan saya copy-kan lagi dan sekarang harusnya sudah bisa diakses.
Terimakasih Mogi atas feedback-nya. Ditunggu feedback-feedback selanjutnya.
Lacak Balik: komputer bisnis « catatan kuliah semester-2 (citra rini febriani)
Manataf bener…. Saya sudah upload Opencart versi terbaru
Berikut ini daftar file untuk module NeedHelp yang saya buat:
* /admin/controller/module/needhelp.php [source]
* /admin/language/english/module/needhelp.php [source]
* /admin/view/template/module/needhelp.tpl [source]
* /catalog/controller/module/needhelp.php [source]
* /catalog/language/english/module/needhelp.php [source]
* /catalog/view/theme/default/template/module/needhelp.tpl [source]
Semuan nya sudah saya ikuti, tetapi masih Error aja tuh..
Mohon bantuan nya donk.
Terima kasih
Coding yang saya sediakan di atas berlaku untuk OpenCart 1.3.2 mas, kalau versi OpenCartnya sudah > 1.4 tentu saja tidak bisa di copy dari source code di atas, tetapi disesuaikan terhadap file-file yang sama.
Mudul YM untuk versi 1.4.8 dah ada disitus resmi opencart
cek disini http://www.opencart.com/index.php?route=extension/extension/info&extension_id=110&filter_extension_type_id=5&filter_download_id=5
Terimakasih atas informasinya.
Mas Agus,
Salam kenal, saya sudah coba modul untuk YM di openchart saya (ver 1.4.7) tapi gak bisa kenapa yaa. Saya baru coba opencart 1.4.7 bagaimanac cara upgrade ke openchar 1.4.8, apakah database harus di backup terlebih dahulu, maaf kalau banyak nanya mas Agus.
Terima kasih
Agus D
Benar, memang modul di atas berlaku untuk versi 1.3.2, kalau mau diterapkan ke versi 1.4.7 mesti ada penyesuaian source code. Untuk upgrade sebaiknya memang harus di backup dulu.
Salam kenal, saya coba n ikuti langkah2 diatas pas buat satus YM di web khusunya yg pake module, tp muncul pesen :
Fatal error: Call to a member function https() on a non-object in /home/t***/public_html/admin/controller/module/needhelp.php on line 47
mohon bantuannya ya mas, lg blajar program juga soalnya
. thanks
BTW OpenCart-nya versi berapa mas? Kalau pakai versi 1.4.0 ke atas mesti ada beberapa penyesuaian yg mesti dilakukan.
owh…gitu ya mas…ini pake versi 1.4.7
, mungkin bisa dijelaskan penyesuaian yg mana saja? 
Mas Tiyok,
OpenCart saat ini sudah sampai versi 1.4.8b. Saya rasa akan sangat panjang kalau saya mesti menjelaskan di mana saja penyesuaian harus dilakukan.
Tapi saya punya produk jadinya di http://opencart.web.id, dalam produk tersebut selalu saya sesuaikan dengan opencart versi terbaru.
Salam kenal mas agus, mohon pencerahannnya, sy pasang modul YM di prestashop kenapa status YM masih offline seharusnya kalau sudah sign in status YMnya online saya pakai YM versi 3 in 1, seperti yg mas agus sebutkan juga sdh sy coba tetap ga bisa. apa prestashop v. 1.3.1 tdk mendukung YM?
terimakasih
Pasti mendukung YM, karena YM kan hanya referensi ke image yg ada di website yahoo saja. Coba di view dulu pakai HTML biasa sebelum masuk ke OpenCart. Kalau di HTML biasa bisa terlihat berarti di OpenCart pun terlihat.
seperti yg mas agus sebutkan juga sdh sy coba tetap ga bisa. apa prestashop v. 1.3.1 tdk mendukung YM? <<— ????
weleh.. ini bahas Opencart ato Presta nih?
Kalo modul YM presta ada tuh banyak di forum presta.
hehehehe
Pasti bisa YM, soalnya modul YM itu HTML biasa aja yg bisa ditempel ke paket apa aja baik itu OpenCart maupun PrestaShop, tinggal masalah teknisnya bagaimana.
Iya betul mas Agus.
Tapi bagi kita2 newbie kan paling angker tuh kalo namanya bikin modul sendiri.
Kita2 blom mampu, secara kita2 masih awam dengan saol coding.
hehehehe . . .
Kalo yg sdh highskill kayak mas Agus sih, bikin modul tuh kayak bikin indomie aja.. tinggal masak… kekekeke…
wah, awalnya saya juga nggak tau apa-apa, tapi karena butuh dan kebetulan dokumentasinya ada maka jadilah…
Mas Agus, ada tips buat naruh Facebook Fan Page? Bisa dishare kah?
Jaya, itu mudah, tinggal buat profile page di facebook, lalu kalau Jaya pakai self-hosted WordPress, tinggal pakai widget yg link-nya saya taruh di blog ini.
terimakasih jawabannya mas, tapi maksud sy naruh facebook fan page di OpenCart yg tampilannya seperti di wordpress
Mudah. Caranya bikin modul seperti Yahoo Messenger ini, lalu dalam code modul tersebut dimasukkan pemanggilan terhadap Facebook API. Source code facebook API bisa dilihat dalam plugin fb-fan-box yg saya buat.
salam kenal mas, saya tadi gak sengaja nemu nama domain suhanto.net yang merupakan versi bahasa inggris dari situs web ini, saya tertarik tentang integrasi opencart dengan wordpress, soalnya saya dibuat frustasi dengan wpecommerce yang fiturnya nanggung :p, kalau mas suhanto tidak keberatan, saya usul untuk membuat ulasan implementasi WP-OpenCart WordPress Theme seperti artikel mas suhanto yang membahas implementasi magento. baik segitu aja komen dari saya, terus berkaya ya mas, semoga suksess
yaayaat, sudah sebulan lebih saya baru membalas komentar Anda. Maaf, tapi komitmen saya untuk menjawab semua komentar, jd saya coba jawab sekarang.
Integrasi WordPress dan OpenCart itu hanya pada level tampilan saja, bukan level user. Jadi nggak bisa sharing user. Lain dengan integrasi antara Joomla dan VirtuaMart yg bisa sharing user, atau antara WordPress dengan BBPress.
Tapi anyway, saya akan pertimbangkan untuk mengulas hal tersebut dalam sebuah posting kalau sempat nanti.
salam kenal pak guru, mau tanya nih, kalau ingin menambahkan Life Traffic feed, Histats, Shoutmix, flag counter dan google adsense di Opencart gimana ya pak caranya??? saat ini saya menggunakan OC versi 1.4.7
trimakasih atas jawabannya pak…
Pak Ikhwan, tentunya dengan bikin modul. Terimakasih juga atas masukannya, mungkin saya akan menambahkan fitur-fitur tersebut di OpenCart Indonesia (http://opencart.web.id).
kemudian klik tombol/link [Edit]. Selanjutnya akan muncul layar detil konfigurasi dari module NeedHelp, seperti terlihat dalam gambar berikut ini.
Edit module NeedHelp
ini result nya :
Page Not Found!
The page you are looking for could not be found! Please contact your administrator if the problem persits.
Tolong pencarahannya kaka
Modul NeedHelp-nya sudah ditambahkan? Kalau belum ditambahkan dia tidak akan muncul dalam layar administrasi.
Sudah semua.
Semua langkah yg di jelaskan diatas sdh saya ikuti.
Note* saya pakai OpenCart 1.4.7
Hmmm, agak susah juga untuk melihat di mana errornya karena saya tidak tahu kelengkapan file yg sudah dibuat.
Tapi kalau mau mencoba produk sudah jadi yg saya buat di http://opencart.web.id, di situ sudah lengkap dan sudah jalan dengan baik. Selain modul NeedHelp ini ada juga modul pengiriman TIKI JNE dan Elteha. Bahasa juga sudah saya sesuaikan dengan Indonesia.
Mas agus makasih jawabannya.
saya sdh donlot modulnya dari web opencat.
Sdh langsung jadi, tinggal paste aja di folder2 yg dimaksud.
Skrg mau cari modul bhs indonesia dulu.
Biar online storenya bisa bahasa inggris dan Indo.
Gmana caranya ya????
Hmmm, penjelasannya ada dalam posting saya berikut ini: http://suhanto.com/bahasa-indonesia-opencart/.
saya pake opencart v1.4.8, nah saya menemui kendala ketika menggunakan YM, di web itu cuman tampil satu ID, saya pengennya lebih dari satu ID Ym yang bisa ditampilkan. caranya gimana ya…..
Gampang mas, copy saja code dari YM yg pertama, lalu ganti YM ID-nya aja.
kalau di YM yang versi 1.4.7 itu untuk nampilin banyak id tinggal masukin id-nya di interfacenya dengan pimisah tanda koma. jadi tidak perlu copy code. terus saya install yang versi 1.4.7 ke 1.4.8 tidak bisa. . . .
Versi 1.4.8 memakai token admin, jd modul-modul yg sebelumnya jalan belum tentu jalan di 1.4.8. Tapi ada satu fungsi di admin yg gunanya meng-ignore token di modul tertentu. Coba lihat admin screen kalau nggak salah di bagian server, di bagian bawah.
ok tak coba mas, thx ya atas infonya