Setelah proses instalasi sukses dilakukan, maka anda telah dapat mengedit Prestashop milik anda dengan beberapa fitur yang telah disediakan agar dapat sesuai dengan keinginan anda. Berikut ini ada beberapa cara yang dapat dilakukan agar dapat mempercantik dan mengoptimalkan tampilan Prestashop milik anda :
1. Membuka tampilan Home Prestashop.
a. Buka salah satu Web Browser yang anda miliki (misal : Mozilla Firefox)
b. Pada kolom Domain, silakan ketikkan : localhost/uas_prestashop
c. Setelah diketikkan, maka tekan Enter, maka akan muncul tampilan awal dari Toko anda seperti berikut ini :
2. LogIn sebagai Admin.
a. Buka salah satu Web Browser anda
b. Setelah halaman Web Browser muncul, maka silakan ketikka kalimat berikut ini pada kolom domain :
Localhost/uas_prestashop/lha
*lha : nama folder “Admin” yang telah diganti nama (rename) pada folder www.
c. Setelah di tekan Enter, maka akan muncul tampilan administrator seperti berikut ini :
*E-mail address : alamat e-mail yang anda masukkan ketika proses instalasi.
*Password : password yang anda masukkan ketika proses instalasi.
d. Maka akan muncul jendela Administrator seprti berikut ini :
3. Mengganti Mata Uang Rupiah
a. Pilih Menu “Payment”
b. Pilih “Currencies”
c. Pilih “Add new” untuk menambahkan mata uang Rupiah. Atau jika Add new nya tidak muncul, bisa juga dengan mengedit salah satu mata uang yang ada.
d. Maka akan muncul jendela berikut, dan silakan isikan data mata uang Rupiah anda seperti berikut ini. Setelah itu klik save.
e. Setelah di klik save, maka akan muncul tampilan berikut ini :
f. Pada tampilan mata uang Rupiah, enablenya masih belum aktif. Untuk memunculkannya, maka klik tanda silang seperti di atas dan akan muncul tampilan seperti berikut ini :
g. Setelah dimunculkan, maka tekan “View My Shop” untuk menuju ke halaman depan toko anda.
h. Maka akan muncul tapilan seperti berikut ini :
i. Pilih simbol mata uang Rupiah untuk mengaktifkannya.
j. Maka proses mengganti mata uang Rupiah telah sukses dilakukan.
4. Mengganti Home Text Editor.
a. Pilih Module
b. Setelah dipilih Modules, maka akan muncul beberapa pilhan modul, maka anda pilih Front Office Features.
c. Setelah di pilih Front Office Features, maka akan muncul beberapa pilihan seperti berikut ini. Maka anda pilih Home Text Editor.
d. Lalu pilih configure
e. Maka akan muncul tampilan seperti berikut ini dan silakan isikan data anda.
f. setelah data selesai diisikan, maka klik Update the editor
g. setelah selesai, maka Refresh tampilan awal toko anda. Maka secara otomatis akan berganti sesuai dengan data yang tadi telah anda isikan seperti berikut ini :
5. Mengganti Sub Menu pada Menu Information.
a. Pada tampilan bawaan, Menu Information memiliki sub-sub menu sebagai berikut :
b. Untuk mengeditnya, langkah awalnya adalah pilih Menu Tools
c. Lalu pilih CMS
d. Setelah dipilih CMS, maka akan tampil beberapa sub menu sebagai berikut :
e. Untuk mengedit sub-sub menu yang ada di atas, maka pilih ikon edit seperti contoh di bawah ini :
*Misalnya kita akan mengedit delivery
f. Setelah di klik menu Edit, maka akan muncul tampilan seperti berikut ini :
g. Setelah semua data diisikan, maka pilih Save.
6. Mengganti Logo Favicon
a. Pertama-tama anda harus mengunjungi sebuah website, yaitu : http://www.favicongenerator.com/
b. Setelah di Enter, maka akan muncul tampilan berikut ini. Maka anda bisa mengupload logo yang akan anda jadikan logo favicon.
c. Setelah file logo dipilih, maka klik Generate Favicon
d. Setelah itu, maka akan muncul hasil dari generate logo yang tadi telah anda upload.
e. Setelah gambar muncul, lalu klik kanan pada gambar tersebut dan pilih Simpan Gambar dengan Nama
f. Setelah gambar berhasil di simpan, maka kembali ke halaman Administrator Prestashop anda. Pilih Preferences.
g. Setelah itu pilih Appearance
h. Maka akan muncul tampilan seperti berikut ini. Pilih dan upload logo favicon yang tadi telah anda simpan.
i. Setelah itu, klik Save
j. Setelah logo favicon anda di save, maka kembali ke halaman awal toko anda. Perhatikan logo pada pojok kiri atas, telah berubah sesuai dengan logo yang anda upload tadi.
7. Mengganti warna latar belakang pada halaman Administrator
a. Log In ke halaman Administrator anda, setelah itu pilih My Preferences
b. Setelah dipilih My Preferences, maka akan muncul tampilan berikut ini. Kemudian pilih warna yang anda inginkan.
c. Setelah selesai, maka klik Save
d. Refresh Halaman Administrator anda, maka secara otomatis warna latar belakangnya akan berubah seperti berikut ini:
8. Mengganti Tema pada halaman Administrator
a. Pilih My preferences
b. Setelah di pilih, maka akan muncul tampilan seperti berikut ini :
c. Pilih Theme dan atur tema sesuai dengan keinginan anda.
d. Setekah tema diatur, maka klik Save
9. Menambahkan Kategori
a. Pilih menu Catalog
b. Setelah dipilih, maka akan muncul beberapa daftar kategori seperti berikut ini :
c. Pilih semua kategori dengan cara mencentang kolom pada bagian atas seperti berikut ini :
d. Hapus semua kategori yang telah dipilih dengan cara mengklik Delete selection. Setelah dihapus, maka akan muncul kotak dialog seperti berikut ini :
e. Pilih Yes, maka semua kategori yang telah dipilih akan terhapus.
f. Untuk menambahkan kategori baru, pilih Add new subcategory
g. Setelah dipilih, maka akan muncul tampilan seperti berikut ini. Setelah itu, silakan anda memasukkan data.
h. Setelah semua data diisikan, lalu klik Save
i. Selanjutnya Refresh tampilan awal toko nda, maka secara otomatis akan muncul kategori baru yang tadi telah anda tambahkan.
10. Menambahkan produk
a. Pilih Catalog
b. Setelah itu, maka akan muncul beberapa produk seperti berikut ini :
c. Hapus semua produk yang ada (caranya sama dengan menghapus semua kategori).
d. Setelah itu pilih Add new product
e. Kemudian, isikan data poduk anda. Data yang perlu untuk diisikan adalah sebagai berikut :
11. Menambah Bahasa Indonesia
a. Pilih menu Tools
b. Setelah itu, pilih menu Languages
c. Maka akan muncul tampilan daftar beberapa Bahasa sebagai berikut :
d. Kemudian, pilih Add new untuk menambahkan Bahasa
e. Lalu, akan muncul tampilan seperti berikut ini. Maka silakan anda isikan data mengenai Bahasa Indonesia seperti contoh berikut ini :
f. Setelah itu, klik save
g. Setelah di klik save, maka kembali ke halaman awal toko anda. Perhatikan pada lambang bendera negara yang ada pada bagian atas jendela Prestashp anda, maka akan terdapat sebuah bendera indonesia.
12. Mengganti Manufacturers
1. Pilih menu Catalog
2. Lalu pilih Manufacturers
3. Maka setelah itu akan muncul tampilan sebagai berikut :
4. Silakan anda pilih semua Manufactur yang ada, kemudian hapus dengan menggunakan icon di atas. Setelah itu akan muncul kotak dialog konfirmasi, dan anda bisa memilih OK.
5. Setelah semua manufactur yang ada telah dihapus, maka anda bisa menambahkan manufactur yang baru sesuai dengan keinginan anda. Caranya yang pertama yaitu dengan mengklik Add new.
6. Setelah dipilih Add new, maka akan muncul tampilan berikut ini. Maka silakan anda masukkan data anda.
7. Setelah itu klik save. Maka manufactur yang baru anda tambahkan secara otomatis akan tampil pada halaman awal toko anda seperti berikut ini :
13. Mengganti Gambar Iklan
1. Pilih menu Modules
2. Setelah itu, maka akan muncul beberapa modul seperti berikut ini, maka anda pilih Advertising & Marketing
3. Setelah dipilih, maka akan muncul beberapa tampilan modul seperti berikut ini :
4. Silakan dipilih Block advertising, dan klik Configure
5. Kemudian akan muncul tampilan sebagai berikut :
6. Silakan anda pilih gambar yang akan anda jadikan sebagai iklan di Toko anda, dengan cara mengklik Telusuri. Setelah gambar dipilih, maka klik validate.
7. Refresh tampilan awal Toko anda, maka secara otomatis iklan pada toko anda akan berubah seperti berikut ini :
14. Mengganti Foto Toko
1. Pilih menu Modules
2. Setelah itu maka akan muncul beberapa daftar modul, maka silakan anda pilih Front Office features.
3. Setelah itu, maka akan muncul beberapa daftar modul, maka silakan anda pilih Stores block.
4. Kemudian pilih Configure
5. Kemudian akan muncul tampilan seperti berikut ini :
6. Setelah itu, maka silakan ilih gambar yang akan anda jadikan sebagai foto Toko anda. Lalu klik Save.
7. Refresh tampilan awal Toko anda, maka secara otomatis foto toko anda akan berubah sesuai dengan apa yang telah anda ganti.
15. MeNonAktifkan Fitur pada halaman Toko
1. Pilih Modules
2. Setelah itu maka akan muncul beberapa daftar modul, maka silakan anda pilih Front Office features.
3. Setelah itu akan muncu beberapa modul, silakan anda pilih Featured Products on the homepage.
4. Kemudian pilih Disable
5. Setelah di Disablekan, maka silakan Refresh tampilan awal toko anda, maka secara otomatis fitur produk akan hilang.
16. Mengganti Tulisan “Lorem Ipsum”
1. Pilih menu Modules
2. Lalu pilih Front Office featurers.
3. Pilih Home text editor
4. Pilih Configure
5. Setelah itu, maka silakan edit dengan menggunakan kata-kata anda.
6. Setelah itu, pilih Update the editor
7. Jika selesai, maka secara otomatis tampilan awal toko anda akan berubah seperti berikut ini :
17. Mengganti Warna Background pada Halaman Toko
a. Masuk ke Folder Prestashop anda yang terdapat di Local Disk (C)
b. Setelah itu, pilih Themes seperti contoh berikut ini :
c. Lalu, pilih Folder Prestashop.
d. Setelah tema Prestashop dipilih, maka klik Folder img
e. Setelah masuk ke dalam folder img, maka akan muncul tampilan berikut ini. Anda dapat mengedit background yang anda inginkan dengan menggunakan software yang anda miliki.
f. Setelah selesai, silakan kembali ke halaman toko anda dan refresh tampilannya. Maka tampilan toko anda akan berubah seperti berikut ini :
18. Mengganti Warna Background dan Jenis Huruf pada Toko
a. Silakan masuk ke folder prestashop anda yang terdapat di Local Disk (C). Kemudian masuk ke folder Themes seperti berikut ini :
b. Kemudian pilih Tema Prestashop yang ada
c. Kemudian pilih CSS
d. Pilih Global
e. Opent With notepad atau notepad++ dan silakan ganti jenis huruf dan warna background yang anda inginkan.
f. Kembali kehalaman toko anda dan refesh tampilannya. Maka secara otomatis akan berubah seperti berikut ini :
0 komentar:
Posting Komentar