Web Design akan sangat mengasyikkan jika menyukai detail. Dengan membuka detail kode (Coding) memungkinkan Anda meng-kustomisasi sendiri theme/template atau menjadikan Web Developer sebagai profesi. Akan sangat menyenangkan jika hobi sekaligus juga menjadi profesi independen, atau sebagai ahli di firma Web Design & Consulting.
Melakukan kustomisasi website Prestashop
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).
Folder dan file theme website toko online Prestashop
Default theme Prestashop terdiri beberapa folder theme dan file. File theme Prestashop berdasarkan jenis data filenya terdiri :- File TPL disebut juga sebagai file template (.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 (misal; id.php, it.php, en.php, de.php etc)
- File-file .php
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”
Untuk memulai pengeditan file-file theme, disarankan memulainya dengan file-file CSS.
Untuk detail informasi, silahkan kunjungi Official Prestashop Documentation disini :
http://doc.prestashop.com/display/PS14/Coding+a+theme
http://doc.prestashop.com/display/PS14/Coding+a+theme
.
.
.
.
.
.
.
.
![[Valid Atom 1.0]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgqz1Fz0W3QZkeG4LsKvQplfCdmyhCrU3j95NWl1i-XarshrBBaYCr4hKUMKj5XbhHwJRvEFMd3j2pDLZepCzvjQU0kMiNhvbs51qAWczA_Mrw7y_wj0czorZsxBhfr9Y5Q8IN_vsORSA/w88-h31-no/valid-atom.jpg "Validate my Atom 1.0 feed")
