Web Design Servise Web Design, Web Maintenance, Web Hosting, Domaine, Streaming www.jasawebjoomla.com www.oktamediahost.com Tutorial Toko Online Web Design, Web Maintenance, Web Hosting, Server Streaming, Domain Jl. Kapten Damsur No.22 RT:02 / RW:07 Kel. Kebon Baru Kec. Kejaksan CIREBON 45124 Website : www.jasawebjoomla.com , www.oktamediahost.com Email : [email protected] , [email protected] HP : +62812 8912 0854 TLP : +62231 8300 403 Tutorial VirtueMart / Toko Online Joomla Cara Menambahkan / Mengedit Produk Pada Component VirtueMart Pendahuluan VirtueMart adalah Open Source E-Commerce solusi tepat untuk digunakan bersama dengan Content Management System (CMS) yang disebut Joomla!. Joomla! dan VirtueMart ditulis dalam PHP dan dapat digunakan dalam khas PHP / MySQL. Dengan penuh fitur mesin eCommerce nya, VirtueMart sempurna untuk menjual barang online Anda dan mendorong Bisnis Anda untuk Heights baru. Meskipun Open Source Software itu kekuatan besar Toko Online menyediakan Kinerja, Usability dan Keamanan Anda harapkan dari Software profesional. VirtueMart adalah Solusi Online-Shop terkemuka untuk Joomla! (lebih dari 2,5 Juta Download). Tutorial ini akan memandu Anda melalui setup menambahkan produk di situs Anda, yang telah didesain oleh JasawebJoomla.com, manajemen yang berkelanjutan, dan administrasi canggih diakses melalui antarmuka administrasi VirtueMart. VirtueMart memungkinkan Anda untuk memilih "Layout Simple" dan "Layout Extended". Tata letak sederhana adalah tata letak standar dan menyediakan tata letak lintas-browser-safe dasar. Jadi membuka item untuk mengedit dalam tab baru di dalam panel utama. Ini akan bekerja dengan baik pada Internet Explorer 6 +, Firefox 2 +, Opera 9 + dan Safari 2 +. Mulai Tutorial Pertama Login Administrator Login ke Joomla Administrator, URL login bisa di lihat di “Data Akun” yang di kirimkan secara terpisah dengan tutorial ini. Masukan User Name: Password: milik Anda Kemudian klik button “Log In” Web Design, Web Maintenance, Web Hosting, Server Streaming, Domain Jl. Kapten Damsur No.22 RT:02 / RW:07 Kel. Kebon Baru Kec. Kejaksan CIREBON 45124 Website : www.jasawebjoomla.com , www.oktamediahost.com Email : [email protected] , [email protected] HP : +62812 8912 0854 TLP : +62231 8300 403 Setelah berhasil login dan masuk ke halaman control panel Administrator. Selanjutnya untuk mengakses konfigurasi VirtueMart, pilih “Component >> VirtueMart” di Joomla! Administrator Interface. (lihat gambar di bawah) Kemuadian akan di bawa ke halaman berikutnya, yaitu halaman control panel component Virtuemart. Dimana Anda bisa update produk2 Anda. (Gambar halaman control panel VirtueMart) Web Design, Web Maintenance, Web Hosting, Server Streaming, Domain Jl. Kapten Damsur No.22 RT:02 / RW:07 Kel. Kebon Baru Kec. Kejaksan CIREBON 45124 Website : www.jasawebjoomla.com , www.oktamediahost.com Email : [email protected] , [email protected] HP : +62812 8912 0854 TLP : +62231 8300 403 Di bawah ini sedikit keterangan tentang icon menu2 yang ada di VirtueMart. (lihat Gambar) 1. Produk : Yang akan menuju ke daftar list produk. Di sini Anda bisa menambahkan produk baru, mengedit produk, atau menghapus produk. (sebelum menambahkan produk di haruskan membuat kategori terlebih dahulu bila belum ada kategori) 2. Kategori : Yang akan menuju ke kategori list. Di sini Anda bisa menambahkan kategori baru, mengedit kategori, menghapus kategori, atau hanya ingin tidak mempublikasi kategori. 3. Order: Yang akan menuju ke order list. Di sini Anda bias melihat konsument yang telah berbelanja di website Anda. 4. Metode Pembayaran: Semua hal yang berkaitan dengan pembayaran yang ingin Anda terapkan di website Anda, Anda bias mengakses dan mengatur cara pembayaran nya memalui menu ini. 5. Pengiriman: Menu icon ini mengatur tentang pengiriman produk ke konsument Anda. 6. Configuration: Panel Konfigurasi adalah bagian paling penting dari VirtueMart. Yang akan mengatur semua konfigurasi tentang took online Anda. 7. Shop: Ini akan mengatur tentang Nama Toko Anda, Alamat DLL. 8. Dokumentasi: Bantuan / Tutorial tentang VirtuMart. Bila dalam tutorial dari JasawebJoomla.com ini di rasa kurang komplit, atau sulit untuk di pahami, Maka Anda bias langsung ke Pusat bantuan dari VirtueMart nya. 9. Informasi Update: Bila versi dari VirtueMart sudah tersedia versi baru, Maka akan muncul pemberitahuan untuk update di sini. Web Design, Web Maintenance, Web Hosting, Server Streaming, Domain Jl. Kapten Damsur No.22 RT:02 / RW:07 Kel. Kebon Baru Kec. Kejaksan CIREBON 45124 Website : www.jasawebjoomla.com , www.oktamediahost.com Email : [email protected] , [email protected] HP : +62812 8912 0854 TLP : +62231 8300 403 Setelah Anda sedikit paham dengan penjelasan menu icon gambar yang ada di VirtueMart, selanjutnya lanjut ke tutorial cara menambahkan produk. Pilih icon gambar “Products” yang akan menuju ke halaman Products. (lihat gambar di bawah) Maka akan di bawa ke halaman List Daftar Produk. Di sini Anda bias Add Produk / Menambah Produk, Mengedit, atau menghapus produk.. (Lihat Gambar Dibawah) Keterangan: 1. Bila Anda ingin menambahkan produk baru, silikan pilih gambar icon “NEW” 2. Bila Anda ingin mengedit produk yang sudah ada silakan pilih “Nama Produk yang akan di Edit” Web Design, Web Maintenance, Web Hosting, Server Streaming, Domain Jl. Kapten Damsur No.22 RT:02 / RW:07 Kel. Kebon Baru Kec. Kejaksan CIREBON 45124 Website : www.jasawebjoomla.com , www.oktamediahost.com Email : [email protected] , [email protected] HP : +62812 8912 0854 TLP : +62231 8300 403 Keterangan Di Halaman Add Produk Di halaman Add Produk, Anda akan melihat 6 menu tab untuk produk (Lihat Gambar) 1. 2. 3. 4. 5. 6. Product Information Product Desriptions Product Status Product Dimension dan Weight Product Images Costum / Tambahan Penjelasan Di Setiap Menu Tab Yang Ada Di Add Produk 1. Tab Product Information Di bagian tab ini silahkan mengisikan detail Product Information, seperti : 1. Product SKU : Bisa dengan no kode produk atau nama produk singkatnya 2. Product Name : Nama Produknya / Title nya Product Alias : Dikosongkan saja (akan otomatis mengisi) URL : Dikosongkan Saja 3. Manufacturer : Tinggal pilih saja (kalau ingin menambahkan Manufacturer silakan masuk ke pengaturan Manufacturer) 4. Product Categories : Klik dulu kolom Kategori, maka akan keluar semua kategori yang sudah di tambahkan melalui pengaturan Kategori. Satu produk bias memakai lebih dari satu kategori. 5. Cost price : Isi dengan harga produknya (tidak memakai titik atau spasi, contoh Rp 100.000. Maka cukup memasukannya 100000) Di setiap web berbeda untuk tampilan default mata uang yang di gunakan, Tergantung setting yang kita terapkan. Ada yang standar memakai Dollar Amerika, ada yang Euro, ada juga yang Rupiah. Web Design, Web Maintenance, Web Hosting, Server Streaming, Domain Jl. Kapten Damsur No.22 RT:02 / RW:07 Kel. Kebon Baru Kec. Kejaksan CIREBON 45124 Website : www.jasawebjoomla.com , www.oktamediahost.com Email : [email protected] , [email protected] HP : +62812 8912 0854 TLP : +62231 8300 403 (lihat aja kode symbol mata uang yang di halaman web, apakah mengunakan $, atau Rp, atau kode Euro) Kalau standar memakai Dollar yang tampil di web, sedangkan Anda ingin memasukan harga mengunakan mata uang Rupiah, itu tidak jadi masalah. Setelah Anda memasukan nominal harganya dengan harga “Indonesia Rupiah”, kemudian ada pilihan mata uang di sebelah kanan pilih juga dengan “Indonesia Rupiah” 2. Tab Product Description Di bagian tab Product Description ini Anda isi dengan Description produk milik Anda. 1. Keterangan produk yang akan tampil pertama kali di halaman depan. 2. Overview, penjelasan produk Anda secara panjang lebar Web Design, Web Maintenance, Web Hosting, Server Streaming, Domain Jl. Kapten Damsur No.22 RT:02 / RW:07 Kel. Kebon Baru Kec. Kejaksan CIREBON 45124 Website : www.jasawebjoomla.com , www.oktamediahost.com Email : [email protected] , [email protected] HP : +62812 8912 0854 TLP : +62231 8300 403 3. Tab Product Status 1. Di tab ini masukan jumlah stock yang tersedia dalam kolom “In Stock“ 2. Di kolom nomor 2. tentukan jumlah minimum pembelian atau “Minimum Purchase Quantity“ 4.Tab Product Status Di tab ini Anda bias memasukan detail berat dan ukuran dari barang. 1. Product Length : Panjang, Satuan ukuran panjang, bisa diganti dengan “cm” untuk centimeter 2. Product Width : Lebar 3. Product Height : Tinggi 4. Product Weight: Berat, Satuan ukuran berat, bisa diganti “kg” atau “ons” 5. Product Unit: atuan ukuran berat, bisa diganti “kg” atau “ons” 6. Product Packaging: Web Design, Web Maintenance, Web Hosting, Server Streaming, Domain Jl. Kapten Damsur No.22 RT:02 / RW:07 Kel. Kebon Baru Kec. Kejaksan CIREBON 45124 Website : www.jasawebjoomla.com , www.oktamediahost.com Email : [email protected] , [email protected] HP : +62812 8912 0854 TLP : +62231 8300 403 5.Tab Product Images Di tab ini Anda bisa memasukan gambar produk nya 1. Kemudian gunakan tombol “Telusuri..” untuk mengambil gambar produk dari komputer 2. Kemudian tekan tombol “save & Close” dibagian atas seperti pada gambar. Anda tidak perlu menyisipkan “Thumbnail Image” karena VirtueMart akan secara otomatis melakukan resize untuk membuat gambar kecil “Thumbnail Images“. Anda sudah berhasil menambahkan produk baru di website e-commerce berbasis Joomla dan VirtueMart. Untuk melihat produk anda silahkan kembali ke halaman depan website anda. OKTA MEDIA CENTRE OktaMediaHost.com - JasawebJoomla.com Office: Jl. Kapten Damsur No.22, RT:02 RW:07. Kel Kebon Baru Kec Kejaksan CIREBON 45124