Powered by Blogger.
RSS

Toko online Prestashop : memahami logika kerja kustomisasi



Web Design akan sangat mengasyikkan jika  Anda menyukai detail kode program. Dengan membuka detail kode (Coding) memungkinkan Anda meng-kustomisasi sendiri theme/template atau menjadikan Web Developer sebagai profesi Anda. Akan sangat menyenangkan jika hobi Anda sekaligus juga menjadi profesi independen Anda,  atau sebagai ahli di firma Web Design & Consulting.

Jika ingin melakukan kustomisasi theme Prestashop, Anda harus memahami Informasi Dasar tentang organisasi folder theme. Mengerti konfigurasi dasar dan fungsi masing-masing data (berupa beberapa tipe file dan dirangkum pada folder yang relevan).

Default theme Prestashop terdiri beberapa folder  theme dan file. File theme Prestashop berdasarkan jenis data filenya  terdiri :
  • File TPL disebut juga sebagai file template (file .tpl) merupakan file yang mengkontrol visualisasi. 
  • Folder CSS atau file  .css fungsinya untuk mengkontrol stylesheets, misalnya  layout, warna, size, posisi dan lainnya pada halaman tampilan toko online.  
  • Folder IMG berisi gambar-gambar theme Prestashop yang ditampilkan di halaman. Jenis image bisa berupa, GIF, PNG, icon dan lainnya.
  • Folder JS berisi file-file JavaScript pendukung theme.
  • Folder LANG berisi file translasi theme Prestashop (misalnya; id.php, it.php, en.php, de.php etc.)
  • File-file .php
prestashop-theme-structure

Untuk menciptakan kustom baru pada template prestashop, Anda perlu membuat duplikasi (backup) folder theme dan menamainya (misalnya folder “theme.BAK”),  Kemudian pergi ke  ADMIN PANEL dan mengedit  theme (template) yang berlaku saat ini di halaman Back Office ini :
  • >> “Preferences” -> “Appearance” -> “Themes”
Sekarang Anda bisa memulai pengeditan file-file theme.  Kami sarankan memulainya dengan file-file CSS.

Untuk detail informasi, silahkan mengunjungi Official Prestashop Documentation disini :

http://doc.prestashop.com/display/PS14/Coding+a+theme



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment