Bagaimana website toko online bekerja?
Sama seperti pada semua script PHP, Prestashop melakukan loading website menggunakan SATU-SATUNYA file index.php. Jika situs toko online pakai theme Prestashop. Itu artinya semua file .php, .tpl, .html, semua file lain beserta semua folder ditempatkan dalam CMS toko online Prestashop. Kali ini kita tidak membicarakan file Index.php, file .html atau .tpl secara detail.
Disini kita hanya peduli dengan pemahaman bagaimana PrestaShop bekerja.
Pembicaraan kali ini untuk menguatkan pemahaman esensi dari content posting Bagian SATU.
Kita buka sampel toko online Prestashop. Saat ketik URL http://www.clodaclodi.com/ di address bar, web server akan loading halaman index (index.php) dan mengubahnya menjadi informasi isi web page. File index.php ini termasuk di dalamnya file config.inc.php yang ada di direktori config.
Setting konfigurasi Prestashop diperankan oleh config.inc.php untuk seluruh konfigurasi dan setting. File config.inc.php memeriksa apakah semuanya sudah ter-install dan mendefinisikan template dasar (base theme), default direktori beserta alurnya (paths), status order dan lainnya.
Kita akan sering ubah kode pada baris 29 isi file config.inc.php atau dengan CTRL-F temukan ini :
Ketika file config (di folder config) dimuat (loaded), maka file index.php diperintahkan menyertakan file header.php yang diambil langsung dari root install. Yang dimaksud dengan root install berarti langsung diambil dari Prestashop, bukan dari dalam subdirektori yang ada.
INDEX.PHP
HEADER.PHP
HOOK
Baris kode :
$smarty->assign('HOOK_HOME', Module::hookExec('home'));
Baris kode ini akan menentukan Hook (Hook memungkinkan administrator situs untuk menentukan di lokasi mana mereka ingin modul tertentu ditampilkan di webpage).
DISPLAY
Baris kode :
$smarty->display(_PS_THEME_DIR_.'index.tpl');
Baris code ini mengatakan tentang tampilan index.tpl dari direktori default theme. Prestashop (Anda menentukan theme untuk digunakan dengan pergi ke Back Office >>Preferances >> appearance).
FOOTER.PHP
Baris code :
include(dirname(__FILE__).'/footer.php');
Baris code ini mengatakan tentang php yang mencakupi file footer.php dari direktori kita (dirname).
Setiap file diatas terkandung request PHP untuk memasukkan file lain. Meski ada pengaturan konfigurasi Prestashop, tapi Hooks dan file-file php belum punya HTML. Di sinilah diperlukan peranan file tpl.
File tpl adalah file template yang mencakup HTML dan kode Smarty
File tpl sebagian besar ada di direktori theme, namun ada juga di modul karena setiap penulisan modul diperlukan file template (tpl) tersendiri.
Penjelasan kode diatas sebagai berikut :
File global.css sedang dipanggil dari direktori theme Prestashop untuk itu diperlukan file-file CSS lain dan JavaScript yang sudah terkandung di dalamnya.
$smarty->display(_PS_THEME_DIR_.'maintenance.tpl');
Artinya :
akan menampilkan page pemeliharaan yang disebut maintenance.tpl jika toko online ditutup */
Tampilan HTML (yaitu bagian layout halaman web) berasal dari file header.tpl
KESIMPULAN
- File index.php memanggil (meminta) file index.tpl, file footer.php dan file footer.tpl
- File tpl menentukan layout situs html dan ada dalam folder theme.
- File index.php meliputi header.php, index.tpl dan footer.tpl dari direktori theme
- File header.php memanggil file header.tpl
- File footer.php juga memanggil file footer.tpl
- KESIMPULAN AKHIR :
HTML utama berasal dari 3 file template : index.tpl, header.tpl dan footer.tpl
Review struktur dasar website store Prestashop
Agar semua masuk akal mari kita buka header.tpl, index.tpl dan footer.tpl secara bersamaan.
Header.tpl
Index.tpl
{$HOOK_HOME}
KESIMPULAN :
Sumber dari HOMEPAGE (semua modul dalam kondisi un-instal dan ada sedikit JavaScript yang dihapus dari footer sehingga kita bisa fokus ke HTML saja) berasal dari file TPL UTAMA.
Sumber dari HOMEPAGE (semua modul dalam kondisi un-instal dan ada sedikit JavaScript yang dihapus dari footer sehingga kita bisa fokus ke HTML saja) berasal dari file TPL UTAMA.
REKAPITULASI
- index.php loading request halaman PHP lain yang didefinisikan dalam file PHP. Lalu halaman PHP ini memanggil file-fle tpl dan bersama mengubahnya menjadi web page
- index.tpl hanya berisi satu baris :
{$ HOOK_HOME}.Hal ini disebabkan file index hanya akan menampilkan modul-modul Prestashop yang ditugaskan untuk homepage. Kategori dan halaman produk akan ditampilkan dengan bantuan modul lain.
- Body ID berbeda-beda pada masing-masing halaman - misalnya : index.tpl, category.tpl, product.tpl. Sehingga kita punya fleksibilitas untuk style halaman berbeda-beda dengan hanya menggunakan aturan di global.css untuk menargetkan body ID. Darimana hal seperti ini berasal?
Periksa header.tpl, kita akan lihat satu baris ini :
<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
Kode itulah yang menjadikan nama page. Sehingga category.tpl akan punya <body id="category">
Sumber :
www(dot)daveegerton(dot)com/prestashop-guides/Prestashop-Designers-Guide/Structure/File-Structure(dot)
KEMBALI KE >>>>> BAGIAN 1
.
.
.
.
.
.
.
.
![[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")
