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/


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/


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/


4/27

Page 4

I. Cara Upload themeSilahkan anda menuju ke

wp-admin >> appearance >> theme >> install theme >>upload

Silahkan anda upload file namatheme.zip


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 )


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


7/27

Page 7

Sekarang setting ke 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



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


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

)


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/


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/


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%


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/


14/27

Page 14

Centang Pada bagian VIRTARICH Detail Produk

Selanjutnya scroll ke bawah sendiri , anda akan melihat tampilan seperti dibawah ini


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


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/


17/27

Page 17

Silahkan pilih gambar thumb yang anda inginkan ,


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


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


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)


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 )


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


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


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/


25/27

Page 25

Selanjutnya Silahkan di test ongkos kirim anda di halaman cek ongkos kirim


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/


27/27
http://theme-id.com/amember/memberhttp://theme-id.com/http://fastestwp.com/http://theme-id.com/

pasaraya themes tutorial

Documents