D unia website selalu terbuka ruang untuk kreativitas tanpa batas. Misalkan Anda menerima penyerahan theme Prestashop yang terinstal di toko online yang telah Anda pesan sebelumnya dari website deveolper. Anda ingin beberapa perubahan, memperbaiki yang kurang, menambahkan sesuatu yang spesifik atau menambahkan beberapa modul dari developer independen (misalnya, modul user online counter etc.).
Untuk melakukan semua itu sendiri, Anda mutlak harus memahami “logika,” proses atau struktur theme Prestashop. Anda tentu paham bahwa untuk mengubah kontent template dilakukan melalui file .tpl dan untuk mengubah unsur warna, penempatan elemen, layout dasar dilakukan melalui file .css. Berikut ini tips “dari mana Anda harus memulai.”
Developer tools in Google Chrome
- This is must have. Thanks to this tool will be able to detect precisely the element you are looking for. Once you locate the element you know exactly what file (and line) should be edited.
Custom.css
- As for the colors and basic layout – this is the most important CSS file in your theme. The file can be found at your_eshop/themes/your_theme/css/custom.css
NOTE :
File-flie .css diatas hanya ada dalam theme yang dibuat oleh Prestashop Theme Maker. Pada versi Prestashop berbeda atau modifikasi theme default oleh masing-masing developer mungkin ditemukan nama direktori-nya berbeda. Misal, pada versi 1.5.2.0 ada di : prestashop/themes/default/css/custom.css. Sementara pada versi 1.4.2.0 nama direktori-nya : your_eshop/themes/prestashop/css/custom.css
File-flie .css diatas hanya ada dalam theme yang dibuat oleh Prestashop Theme Maker. Pada versi Prestashop berbeda atau modifikasi theme default oleh masing-masing developer mungkin ditemukan nama direktori-nya berbeda. Misal, pada versi 1.5.2.0 ada di : prestashop/themes/default/css/custom.css. Sementara pada versi 1.4.2.0 nama direktori-nya : your_eshop/themes/prestashop/css/custom.css
Grid/list switcher
Ada cara mudah untuk mengubah di antara Layout Grid atau Layout List layout secara manual, buka saja file di bawah ini :
your_eshop/themes/your_theme/product-list.tpl
Anda akan menerima baris seperti di bawah ini :
<ul id=”product_list” class=”products_block list clearfix”>
Anda hanya perlu menulis ulang class “list” yang diperuntukkan layout list ditulis ulang menjadi “grid” untuk layout grid atau sebaliknya dan semua itu pun telah tersedia dan siap untuk running!!!.
Editor Tools untuk Perubahan cepat pada tampilan Prestashop
0 comments:
Post a Comment