Author by Yosef Doublehorn
slogan cinta kerja harmoni
Protected by Copyscape Online Infringement Detector

29 Januari 2013

Edit theme website toko online Prestashop


D unia website selalu terbuka luas tanpa batas untuk kreativitas. 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 oleh Anda sendiri diperlukan mutlak pemahaman “logika,” proses atau struktur theme Prestashop.  Anda tentu paham bahwa untuk mengubah content 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 di website Prestashop

  • 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

Grid/list switcher di website toko online Prestashop

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 tampilan website store Prestashop

notepad in web design

Untuk Windows users disarankan menggunakan Notepad+, untuk Mac users sebaiknya menggunakan TextWrangler. Jika menginginkan program lebih powerful disarankan menggunakan Netbeans.



Anda membaca artikel : Edit theme website toko online Prestashop
THANK YOU for your continued liking 'n sharing. If you haven't liked this post yet, you may do that by hitting the buttons just BELOW.
Please drop your comment and questions below ……
Comments

0 komentar:

Poskan Komentar di Website Design

Penelusuran topik khusus di blog ini
Loading