B Blogs

Blogs

Tutorial OpenCart

Kumpulan tutorial, tips, error fix, dan panduan development OpenCart. Pelajari cara mengelola, memperbaiki, mengoptimalkan, dan mengembangkan toko OpenCart.

Read the journal
22 22 Tutorial Opencart
Semua Extension

Blogs

Tutorial 8 – Konfigurasi OpenCart Pasca InstalasiTutorial OpenCart
Support HPWD Nov 28, 2021 5 min read

Tutorial 8 – Konfigurasi OpenCart Pasca Instalasi

Tutorial 8 – Konfigurasi OpenCart Pasca InstalasiPada artikel kali ini kami akan berbagi pengetahuan tentang konfigurasi setelah instalasi pada OpenCart 3.Artikel tentang konfigurasi OpenCart pasca install ini akan terbagi menjadi 2 bagian. Nantikan bagian keduanya di Blog HPWD.Kita tahu bahwa OpenCart memiliki banyak fitur bawaan yang tentu tidak semua kita butuhkan. Terutama pada versi terbarunya, OpenCart 3. Lebih dari itu, terdapat fitur tambahan yang harus kita lengkapi agar bisa operasional dengan baik untuk sesuai standar toko online di Indonesia.Konfigurasi ini tidak hanya meliputi hal-hal yang bisa dilihat oleh pengguna saja, melaikan lebih menyeluruh lagi mengenai keamanan dan optimasi kinerja sistem OpenCart.Langsung saja, berikut list konfigurasi setelah instalasi OpenCart 3.1. Memindahkan Direktori StorageStorage directory merupakan default direktori pada OpenCart yang digunakan untuk menyimpan kebutuhan internal sistem OpenCart. Seperti cache, upload, dan modification. Secara default folder ini terdapat di system/storage. Tentu ini tidak disarankan karena Anda akan membuka lubang keamanan.Pindahkan storage direktori storage untuk meningkatkan keamanan toko online OpenCart Anda.Pindah Folder Storage OpenCart Secara OtomatisTentukan pada folder mana folder /storage akan dipindah. Pastikan folder tersebut writeable. Login ke halaman admin OpenCart yang baru diinstall dan Anda akan menemui popup untuk memindahkan secara otomatis. Secara dafault sistem akan memilih level direktori yang lebih…

Read More »
Tutorial 7 – Menginstall Ekstensi pada Toko Online OpenCartTutorial OpenCart
Support HPWD Nov 28, 2021 4 min read

Tutorial 7 – Menginstall Ekstensi pada Toko Online OpenCart

Tutorial 7 – Menginstall Ekstensi pada Toko Online OpenCartMenambahkan ekstensi OpenCart merupakan suatu hal yang wajib dalam pengembangan Toko Online OpenCart. Terutama jika Anda ingin melokalisasi / menyesuaikan toko online Anda sesusuai bisnis model yang Anda miliki.Sebuah Ekstensi Perangkat Lunak yang kurang lebih artinya adalah sebuah program yang akan dipasangkan pada program inti ( disini program inti-nya adalah Opencart itu sendiri ) yang mempu untuk melakukan suatu hal. Biasanya Extensi itu sendiri memiliki sebuah instruksi yang berbeda, yang mana dalam program inti belum ada. Diantaranya dapat memberikan instruksi untuk menjalankannya.Adapun di Opencart itu sendiri ada lebih kurang sekitar 13 tipe extensi pada opencart. yang mana setiap masing-masing tipe extensi memiliki perbedaan fungsi.AdvertisingMerupakan extensi opencart yang akan memberikan fitur-fitur untuk mengiklankan produk anda. Misalnya opsi default dari Extensi Advertising adalah “Google Shopping”.AnalyticMerupakan extensi opencart yang akan memberikan fitur-fitur seputar analisa data pemirsa dapa web toko online opencart anda. Misalnya opsi default dari Extensi Analytic adalah “Google Analytic”.CaptchasYa, ini adalah salah satu extensi yang bersifat pengamanan terhadap toko online opencart milik anda. anda bisa memilih secara default terdaftar “Basic Captcha” dan “Google Captcha” yang akan selalu memantau setiap form, dan akan menghalangi paa pelaku spam untuk berbuat kejahatan di toko anda.DashboardExtensi yang…

Read More »
Tutorial 6 – Setting Bahasa Indonesia OpencartTutorial OpenCart
Support HPWD Nov 28, 2021 2 min read

Tutorial 6 – Setting Bahasa Indonesia Opencart

Tutorial 6 – Setting Bahasa Indonesia OpencartUntuk melakukan Setting Bahasa Indonesia di OpenCart secara umum sangat sederhana.Namun sebelumnya kita harus menyediakan paket bahasa Indonesia terlebih dulu.Perlu diperhatikan sebelum Install Bahasa Indonesia OpenCart pastikan paket bahasa tersebut valid sesuai versi OpenCart yang Anda perlukan. Jika tidak, maka akan terjadi kesalahan bahasa.Meski tidak akan merusak instalasi OpenCart, tetapi mengganggu user experience karena variabel bahasa tidak terbaca. Khusus OpenCart 3.0.2.0 berikut adalah penamaan variabel bahasa yang tepat:Jika Anda tidak ingin melakukkan setting secara mandiri Anda bisa menggunakan: Layanan OpenCart Premium dari HPWD. Anda tidak hanya mendapatkan setting Bahasa Indonesia, tetapi juga setup terbaik untuk Toko Online OpenCart dan sekaligus mengoptimasi toko online Anda.Otherwise:Siapkan Module Bahasa Indonesia OpenCartJika Anda belum memiliki koleksi Extension Bahasa Indonesia OpenCart.Anda bisa mendownloadnya gratis: Module Bahasa Indonesia OpenCart.Anda juga bisa mendownload Bahasa Indonesia OpenCart 3.0.2.0 pada halaman tersebut.Install dan Setting Bahasa Indonesia OpenCartSetelahnya Anda bisa menjalankan instalasi. Terdapat 2 opsi instalasi, pertama install via extensio installer. Atau jika Anda mengalami masalah dengannya Anda bisa menggunakan FTP atau upload menggunakan File Manager pada Cpanel.Pra InstallUntuk instalasi dan setup bahasa Indonesia pada OpenCart 3.0.2.0 atau versi OpenCart 3 yang lebih baru maka harus dilakukan bug fix terlebih dulu.Sila download dan install…

Read More »
Membuat Tombol Icon Sosial Media Dinamis pada OpenCartTutorial OpenCart
Support HPWD Oct 04, 2021 3 min read

Membuat Tombol Icon Sosial Media Dinamis pada OpenCart

Membuat Tombol Icon Sosial Media Dinamis pada OpenCartBermain sosial media merupakan suatu kebiasaan sekarang ini, semua orang ingin saling bertukar informasi dengan tujuannya masing – masing, entah itu positif maupun negatif. Salah satu sisi positif media sosial adalah memanfaatkannya untuk sarana promosi produk toko online, menyebarkan produk di media sosial terbukti ampuh untuk mendatangkan potensi pembelian.Pada artikel kali ini saya akan memberikan tutorial untuk memasang tombol akun media sosial di bagian deskripsi produk opencart, tujuannya saat pengunjung melihat-lihat produk lalu mengklik tombol media sosial yang dibuat, maka akan langsung diarahkan ke akun media sosial pemilik toko.Sebenarnya opencart sudah menyediakan tombol media sosial seperti gambar dibawah ini, namun tombolnya terlalu kecil dan ada beberapa fungsi yang mungkin sebagian orang yang tidak membutuhkannya.Pada artikel kali ini kita akan menimpa tombol media sosial bawaan tersebut dengan tombol media sosial yang baru, anda bisa langsung mengikuti tahapannya seperti gambar dibawah ini.Langkah 1Langkah pertama tentu saja anda perlu mengunjungi https://www.addthis.com, tampilan depan akan seperti gambar dibawah ini. Untuk menggunakan fitur pada website ini kita perlu mendaftar terlebih dahulu, supaya tidak terlalu banyak mengisi formulir pendaftaran silahkan klik tombol daftar melalui google seperti gambar dibawah ini.Langkah 2Selanjutnya pilih akun google yang ingin digunakan.Langkah 3Pada langkah ini…

Read More »
Menambahkah Highlight pada Tabel Halaman Admin OpenCartTutorial OpenCart
Support HPWD Oct 04, 2021 2 min read

Menambahkah Highlight pada Tabel Halaman Admin OpenCart

Menambahkah Highlight pada Tabel Halaman Admin OpenCartMenambahkah Highlight pada Tabel Halaman Admin OpenCart tentu saja bukan pekerjaan yang sulit. Fitur highlight tabel secara otomatis ada mulai versi OpenCart 1.5.5.1. sementara untuk versi dibawahnya tidak memiliki fitur tersebut. Bagi Anda yang tidak sedang menginginkan upgrade namun ingin memiliki fitur highlight ini, tutorial berikut layak Anda coba, :).Fitur ini memang sederhana tapi sangat memudahkan terutama jika anda memiliki banyak baris data katalog, produk, modul, dll.KonsepPenambahan fitur Highlight pada Tabel Halaman Admin OpenCart ini memanfaatkan fitur hightlight pada versi yang lebih baru. Untuk contoh kali ini saya menggunakan file hightlighter dari OpenCart 1.5.6.3. Terdapat dua file yang dibutuhkan, yakni:table-highlighting.js, yang terdapat pada folder view → javascript → jqueryhighlight-css.css, yang terdapat pada folder view → stylesheetkedua file tersebut kemudian ditambahkan pada openCart lama Anda dengan mempertahankan struktur folder yang ada agar lebih mudah. Mudeng kan? :).Kemudian pada bagian header, definisikan link ke dua file tersebut. Ok langsung saja ikuti langkah berikut. Nah untuk tugas ini kita akan menggunakan xml pada VQMOD agar file header.tpl pada folder admin tetap utuh.Siapkan FilenyaAnda dapat mengunduh filenya disini. Atau unduh saja openCart 1.5.6.3 lengkap dan ambil dua file diatas. Setelah itu upload file table-highlighting.js, ke folder admin →…

Read More »
Membuat Tombol Scroll To Top OpenCartTutorial OpenCart
Support HPWD Oct 04, 2021 2 min read

Membuat Tombol Scroll To Top OpenCart

Membuat Tombol Scroll To Top OpenCartDengan bantuan VQMOD Membuat Tombol Scroll To Top untuk OpenCart menjadi lebih mudah.Tombol scroll ini atau yang biasa diberi teks Kembali Ke Atas atau panah keatas adalah tombol untuk membantu user website agar kembali ke halaman bagian atas dengan satu klik. Pembuatan tombol ini membutuhkan sedikit skrip JQUERY, HTML dan CSS.Hal yang terpenting adalah kita tidak perlu melakukan edit pada file template secara langsung untuk menambahkannya. Seperti inilah kira-kira tombolnya akan menjadi.ok. langsung aja.Langkah 1Anda membutuhkan VQMOD. Install VQMOD pada OpenCart Anda. Jika belum, silakan baca tutorial tentang Instalasi VQMOD di Opencart.Langkah 2Buat file XML di VQMOD. Jika ingin banyak tahu tentang cara membuat file XML di VQMOD, silakan langsung ke tutorial membuat file XML pada VQMOD untuk OpenCart.Beri nama back_to_top.xml. Lantas, masukkan skrip berikut.[CDATA[BackToTop]]> ]]> a.go-top {position:fixed; left:46em; bottom: 0.5em; text-decoration:none; background-color: rgba(219,87,5,1); font-size:1em; padding: 1em; display:none; -webkit-border-radius: 8px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 5px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7); -moz-box-shadow: 0px 5px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7); box-shadow: 0px 5px 0px rgba(219,31,5,1), 0px 9px 25px rgba(0,0,0,.7); -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; color: #FFF; font-weight: bold;}.go-top:hover{…

Read More »
Membuat Multi store pada OpenCartTutorial OpenCart
Support HPWD Oct 02, 2021 4 min read

Membuat Multi store pada OpenCart

Membuat Multi store pada OpenCartMembuat Multi store (lebih dari satu toko) pada OpenCart bisa menjadi pilihan bagi Anda yang ingin melakukan personalisasi toko online Anda. Multi store atau multi toko pada OpenCart merupakan sebuah sistem yang memungkinkan Anda untuk memiliki dua toko dalam dua domain yang berbeda namun dalam satu halaman administrasi. Pilihan ini tepat jika: Produk toko online Anda telah sangat kompleks dan Anda berniat untuk melakukan personalisasi dan speliasasi terhadap kategori tertentu. Tidak banyak orang yang melakukan administrasi. Midal hanya 1 orang yang bertugas melakukan upload dan update konten produk.Mengapa Multi store?Ada beberapa kelebihan penggunaan Multi store di OpenCart dari pada melakukan fresh install dan setting seperti halnya saat membuat website kali pertama. Anda memiliki keuntungan:Mudah dalam administrasi. Multi store dapat dilakukan adminstrasi pada domain utama atau sub domain dari untuk toko online yang lain.Tidak perlu melakukan seting dan konfigurasi yang melelahkan seperti membuat toko online dari awal. Semua seting dan konfigurasi Anda pada website utama dapat digunakan pada Multi store.Toko pada Multi store dapat dipersonalisasi untuk tema, module, catalog, produk, dll. Sehingga tiap store yang dibuat dapat memiliki tema, modul, catalog, dan produk yang unik.Membuat Multi storeTerdapat 3 langkah utama dalam membuat Multi store:1. Sub DomainHal pertama…

Read More »

Stay in Touch

Sign up for exclusive deals, new releases, and care tips straight to your inbox.