Download - Pasaraya Themes Tutorial
-
7/23/2019 Pasaraya Themes Tutorial
1/27
Page 1
Panduan Themes
Toko Online indonesia
http://virtarich.com/http://fastestwp.com/http://theme-id.com/http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
2/27
Page 2
Terima kasih anda telah membeli theme + panduan dari saya , semoga membawa manfaat dan berkah buat anda
Pastikan anda membaca dengan seksama panduan ini , dan jangan lupa langsung praktek saja , sehingga sebelum
anda bertanya ke saya di member area , anda telah benar benar membaca panduan ini , segala sesuatu yang belum
jelas bisa langsung anda tanyakan ke saya di member area
terima kasih
virtarich
Usage
Unlimited Domain Personal Use ONLY
T.O.S
All Themes Personal Rights ONLY license!
[NO] Can sell
[NO] Can bundle with other products
[NO] Can be added to paid membership sites
[NO] Can be added as a bonus to a paid product
[NO] Can give away for free.
[NO] Includes PLR rights
[NO] Can be added to free membership sites.
[NO] Can be added to edited and claimed as your own
[NO] Can sell Resell Rights.
[NO] Can sell Master Resell Rights.
[NO] Can claim original copyright
http://theme-id.com/http://theme-id.com/http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
3/27
Page 3
Daftar isiI. Cara Upload theme ................................................................................................................................................... 4
II. Setting Themes ......................................................................................................................................................... 5
1. Theme Option ....................................................................................................................................................... 5
a. Styling theme .................................................................................................................................................... 6
b. Banner Slider..................................................................................................................................................... 6
c. Data Toko .......................................................................................................................................................... 6
d. Home................................................................................................................................................................. 6
e. Single ................................................................................................................................................................. 6
f. Form Order........................................................................................................................................................ 6
g. POP-UP Overlay................................................................................................................................................. 8
2. Widget sidebar ...................................................................................................................................................... 9
3. Setting jumlah tampilan thumb di home .............................................................................................................. 9
4. Cara Membuat Custom Menu ............................................................................................................................ 10
5. Setting Media size ............................................................................................................................................... 10
6. Setting Permalink wordpress .............................................................................................................................. 11
III. Cara Posting ........................................................................................................................................................ 13
1. Cara posting produk............................................................................................................................................ 13
a) Rating Produk.................................................................................................................................................. 16
b) Produk Memiliki Beberapa Pilihan size atau spec........................................................................................... 16
c) Post produk dengan tampilan hoverzoom...................................................................................................... 16
d) Setting thumbnail............................................................................................................................................ 16
e) Produk dropship.............................................................................................................................................. 18
f) Setting Produk Habis ....................................................................................................................................... 18
2. Cara Posting Blog ................................................................................................................................................ 19
IV. Membuat halaman.............................................................................................................................................. 20
1. Cara Membuat halaman Testimoni .................................................................................................................... 20
2. Cara Membuat Halaman Cek Ongkos Kirim........................................................................................................ 20
3. Cara Membuat Halaman Keranjang.................................................................................................................... 21
4. Cara Membuat Halaman Katalog ........................................................................................................................ 23
5. Cara Membuat Halaman Cek Resi pengiriman ................................................................................................... 23
V. Cara edit ongkos kirim JNE...................................................................................................................................... 24
1. Edit file excel ....................................................................................................................................................... 24
2. Edit file kecamatan.php ...................................................................................................................................... 24
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
4/27
Page 4
I. Cara Upload themeSilahkan anda menuju ke
wp-admin >> appearance >> theme >> install theme >>upload
Silahkan anda upload file namatheme.zip
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
5/27
Page 5
II. Setting ThemesOk , mari kita lakukan setting toko online anda
Biar lebih mudah , saya kasih gambaran awal dulu
1. Theme Option
Seluruh setting tampilan ada di theme option
Wp-admin >> appearance >> theme option
Tulis semua data yang di perlukan di form form yang telah di sediakan
Untuk option pilihan yes and no , sesuaikan dengan keinginan anda
Kalau ada yang kurang jelas , silahkan baca keterangan pada setiap form ( lihat gambar di bawah ini )
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
6/27
Page 6
Saya kira di bagian theme option cukup jelas , beberapa bagian lain , akan saya jelaskan di bawah
a.
Styling theme
Pada tab ini anda bisa mengganti ganti warna tampilan toko online anda , silahkan buat sesuai seleraanda , berikut juga untuk header dan favicon
b. Banner Slider
Silahkan upload banner banner toko anda , ukuran buat sesuai keterangan di from banner , dan tulis
url link yang dituju dari banner tersebut
c.
Data Toko
Silahkan anda isi data toko anda pada tab ini
d. Home
Pada tab ini , anda bisa memilih kategori produk yang akan di tampilkan di halaman index tokoonline anda
e. Single
Hanya ada satu option pada halaman ini , yaitu apakah anda ingin menampilkan produk + hover
zoom , atau hanya thumb saja tanpa hover zoom
f. Form Order
Jika anda ingin semua tombol beli linknya ke halaman cara pemesanan ( tanpa cart )
Buat dulu halaman cara pemesanan Wp-admin >> page >> add new page
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
7/27
Page 7
Sekarang setting ke theme option
Wp-admin >> appearance >> theme option
(1)Pilih tab Form order >> (2)pilih setting tombol beli ke cara order >> (3)masukan url halaman cara
order
Tombol Beli ke Shopping cart
Jika toko anda ingin menggunakan shoppping cart , yang perlu anda lakukan adalah
Wp-admin >> appearance >> theme option
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
8/27
Page 8
g. POP-UP Overlay
Pada bagian tab popup anda bisa setting pop-up yang seperti apa yang ingin anda tampilkan
Ada 3 jenis
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
9/27
Page 9
2. Widget sidebar
Untuk tampilan di sidebar, anda cukup drag and drop ( geser widget yang tersedia )
Wp-admin >> appearance >> widgetDan untuk memudahkan , semua widget di awali dengan kata virtarich
3. Setting jumlah tampilan thumb di home
Masuk ke wp-admin >> setting >> reading >> isi dengan kelipatan 4 ( sesuaikan dengan tampilan di theme
)
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
10/27
Page 10
4. Cara Membuat Custom Menu
Silahkan anda baca langsung disini
http://theme-id.com/panduan/cara-membuat-custom-menu-di-wordpress
atau bisa di lihat di video ini
http://www.youtube.com/watch?v=UYqQ2brM3qI
sesuaikan saja ya , ada theme yang menggunakan 2 custom menu ( contoh : wpgrosir ) ada juga yang Cuma
menggunakan 1 custom menu, wokeh
5.
Setting Media size
Untuk menghasilkan tampilan yang optimal setiap posting produk , ikuti aturan dasar posting berikut ini
Gambar produk
Buat foto produk ukurannya proporsional adalah 600px X 600px atau 500 px X 500 px
Setting ukuran media
Wp-admin >> setting >> media
http://theme-id.com/panduan/cara-membuat-custom-menu-di-wordpresshttp://theme-id.com/panduan/cara-membuat-custom-menu-di-wordpresshttp://www.youtube.com/watch?v=UYqQ2brM3qIhttp://www.youtube.com/watch?v=UYqQ2brM3qIhttp://www.youtube.com/watch?v=UYqQ2brM3qIhttp://theme-id.com/panduan/cara-membuat-custom-menu-di-wordpresshttp://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
11/27
Page 11
Setting seperti terlihat pada gambar di bawah ini
Baca juga tulisan saya yang ini ya
http://theme-id.com/panduan/cara-memperbaiki-thumbnail-gambar-wordpress
6. Setting Permalink wordpress
Sebelum anda masuk ke setting pastikan anda instal dulu plugin berikut ini
http://wordpress.org/extend/plugins/no-category-base-wpml/
cukup anda upload dan aktifkan saja
http://theme-id.com/panduan/cara-memperbaiki-thumbnail-gambar-wordpresshttp://theme-id.com/panduan/cara-memperbaiki-thumbnail-gambar-wordpresshttp://wordpress.org/extend/plugins/no-category-base-wpml/http://wordpress.org/extend/plugins/no-category-base-wpml/http://wordpress.org/extend/plugins/no-category-base-wpml/http://theme-id.com/panduan/cara-memperbaiki-thumbnail-gambar-wordpresshttp://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
12/27
Page 12
fungsi dari plugin ini adalah , menghilangkan kata categorie pada permalink wordpress
Selanjutnya silahkan anda menuju
Wp-admin >> setting >> permalink
Isi custom structure >> /%category%/%postname%
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
13/27
Page 13
III.
Cara Posting
Untuk lebih jelas , bagaimana cara posting , ada bisa lihat video [HD] disini
http://www.youtube.com/watch?v=rmRnc292Y-Q
1. Cara posting produk
Masuk ke wp-admin >> Post >> Add New Post
Keterangan
1- klik add new post
2- Tulis Judul Produk anda
3- Masukan gambar dan tulis detail produk anda , gambar produk bisa lebih dari satu
Selanjutnya , aktifkan custom Meta box anda , masih di halaman add new post , Klik pada screen option pojok kanan
atas , perhatikan pada gambar berikut ini
http://www.youtube.com/watch?v=rmRnc292Y-Qhttp://www.youtube.com/watch?v=rmRnc292Y-Qhttp://www.youtube.com/watch?v=rmRnc292Y-Qhttp://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
14/27
Page 14
Centang Pada bagian VIRTARICH Detail Produk
Selanjutnya scroll ke bawah sendiri , anda akan melihat tampilan seperti dibawah ini
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
15/27
Page 15
Perhatikan keterangan dan contoh pengisian di setiap form yang tersedia
( perhatikan panah pada gambar di atas )
Keterangan:
Produk Habis : centang ini jika produk pada post ini habis
Stok barang : bisa disini jumlah barang , atau keterangan ready , kosong, inden , dll
Kode produk : isi kode untuk produk ini
Harga produk : isi harga produk , tanpa Rp, penulisan seperti ini 199.00
Harga diskon :jika ada harga diskon, penulisan tanpa Rp, contoh :149.000
Berat barang : contoh penulisan : 0.4 tanpa Kg >> muncul nya 0.4 Kg
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
16/27
Page 16
a) Rating Produk
Silahkan anda install plugin wp-post rating
http://wordpress.org/extend/plugins/wp-postratings/
cara setting bisa di lihat langsung di video ini
http://www.youtube.com/watch?v=91sC_nlHEwc
wp-admin >> plugin >> add new plugin >> search >> ketik ini WP-PostRatings
b) Produk Memiliki Beberapa Pilihan size atau spec
Contoh untuk produk baju dan sepatu , yang setiap satu produk tersedia beberapa size berbeda
Centang seperti pada gambar di bawah ini
c)
Post produk dengan tampilan hoverzoom
Langsung saja lihat video nya disini
http://youtu.be/piMsp75_BS4
d) Setting thumbnail
Theme ini sudah menggunakan featured image pada thumb setiap post nya
anda bisa memilih gambar thumb yang mau di tampilkan
Wp-admin>> post >> edit post >>lihat pojok kanan bawah , ada tulisan featured image
http://wordpress.org/extend/plugins/wp-postratings/http://wordpress.org/extend/plugins/wp-postratings/http://www.youtube.com/watch?v=91sC_nlHEwchttp://www.youtube.com/watch?v=91sC_nlHEwchttp://youtu.be/piMsp75_BS4http://youtu.be/piMsp75_BS4http://youtu.be/piMsp75_BS4http://www.youtube.com/watch?v=91sC_nlHEwchttp://wordpress.org/extend/plugins/wp-postratings/http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
17/27
Page 17
Silahkan pilih gambar thumb yang anda inginkan ,
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
18/27
Page 18
e) Produk dropship
Jika anda memasarkan produk dropship , maka pembelian Produk dropship tidak bisa di masukan ke
keranjang belanja , karena produk dropship belum tentu di kirim dari kota yang sama dengan toko anda
Contoh : toko anda lokasi di surabaya, tapi produk yang anda jual dropship darijakarta, tentunya untuk
ongkos kirim produk akan berbeda , untuk itu produk dropship cara order nya di arahkan ke halaman
cara pemesanan atau sms saja , bukan melalui shopping cart
f) Setting Produk Habis
Jika produk yang anda jual habis, anda cukup centang pada bagian produk habis , perhatikan gambar di
bawah ini
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
19/27
Page 19
2. Cara Posting Blog
Masuk ke wp-admin >> Blog >categori
Silahkan anda buat dulu kategori blog ( perhatikan gambar dibawah ini )
Selanjutnya silahkan anda klik add new blog
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
20/27
Page 20
IV.
Membuat halaman
1. Cara Membuat halaman Testimoni
Wp-admin >> page >> add new page >> pilih template ( testimoni)
Pilih template posisi ada di pojok kanan bawah
2. Cara Membuat Halaman Cek Ongkos Kirim
Masuk ke wp-admin >> page >> add new page >> pilih template ( cek ongkos kirim)
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
21/27
Page 21
Publish>> Done
3.
Cara Membuat Halaman Keranjang
Masuk ke wp-admin >> page >> add new page
Nama halaman dan url nya harus keranjang(contoh http://wpgrosir.com/keranjang)
Pilih template Keranjang ( pojok kanan bawah )
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
22/27
Page 22
Untuk konten nya anda bisa tulis apapun , halaman ini adalah halaman terima kasih , akan tampil setelah
user selesai klik sent form order
Contoh
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
23/27
Page 23
4. Cara Membuat Halaman Katalog
Masuk ke wp-admin >> page >> add new page ( pilih template katalog)
5.
Cara Membuat Halaman Cek Resi pengiriman
Masuk ke wp-admin >> page >> add new page ( pilih template cek resi)
Halaman ini adalah iframe ke jne.co.id
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
24/27
Page 24
V.
Cara edit ongkos kirim JNEOngkos kirim default dari theme ini adalah dari JAKARTA , anda harus edit , sesuaikan dari kota asal anda
Ongkos kirim dari Bandung, Surabaya, Bekasi, Solo bisa di download di member area theme-id.com
Panduan versi video bisa dilihat disini
http://www.youtube.com/watch?v=LgvvbGuKLrk
1.
Edit file excel
Buka file excel yang sudah saya sertakan di paket ini
Edit bagian bea kirim saja (Kolom C = warna kuning)
2.
Edit file kecamatan.php
Setelah anda selesai edit kolom C >> copy kolom H ke file kecamatan.php
Wp-admin >> appearance >> editor >> kecamatan.php>> paste>> save
http://www.youtube.com/watch?v=LgvvbGuKLrkhttp://www.youtube.com/watch?v=LgvvbGuKLrkhttp://www.youtube.com/watch?v=LgvvbGuKLrkhttp://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
25/27
Page 25
Selanjutnya Silahkan di test ongkos kirim anda di halaman cek ongkos kirim
http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
26/27
Page 26
Optimize your Wordpress
Optional , jika anda menggunakan plugin cache , maka anda tidak perlu menambahkan ini
Untuk memudahkan edit htaccess gunakan plugin berikut ini
http://wordpress.org/extend/plugins/wp-htaccess-editor/
aktifkan selanjutnya masuk ke htaccess editor
Tambahkancode yang saya lampirkan di file tambahan htaccess.txt, ingat ya di tambahkan
silahkan anda copy paste ke editor htaccess >> Save
Semoga Bermanfaat dan Membawa berkah
buat anda sekeluarga, Aminnnn
http://wordpress.org/extend/plugins/wp-htaccess-editor/http://wordpress.org/extend/plugins/wp-htaccess-editor/http://wordpress.org/extend/plugins/wp-htaccess-editor/http://fastestwp.com/http://theme-id.com/ -
7/23/2019 Pasaraya Themes Tutorial
27/27
http://theme-id.com/amember/memberhttp://theme-id.com/http://fastestwp.com/http://theme-id.com/