Website Toko Online Prestashop : Struktur Konfigurasi 1

Sebagai Admin toko online, kita tahu Prestashop punya sedemikian banyak fitur untuk dioptimalkan pemakaiannya. Sebagai web designer, kita juga bingung ada ratusan modul khusus untuk Prestashop (berbayar maupun free) yang ditawarkan di internet oleh developer independent. Tapi kali ini kita membicarakannya dari sudut pandang website designer.

File index.php template website toko online Prestashop

Prestashop - seperti juga pada semua script PHP - akan memuat  website dengan menggunakan file index.php. Toko online http://www.clodaclodi.com/ adalah pengguna theme PRESTASHOP. Artinya, semua file seperti : .php, .tpl, .css dan semua folder dalam CMS Prestashop  akan ditempatkan pada database web server (hosting) yang digunakan oleh clodaclodi[DOT]com.

Maka saat visitor mengetik URL ini - http://www.clodaclodi.com/ pada address bar browser (Mozilla atau Google Chrome etc.), maka web server tersebut segera akan memuat halaman indeks tersebut. Halaman indeks ini merupakan informasi yang menentukan apa yang terjadi.

Untuk memahami apa yang terjadi saat memuat situs tersebut, kita perlu tahu tentang file indeks.

INDEX.PHP

Isi halaman index.php (versi 1.1.0.5) pada Prestashop garis besarnya meliputi kode berikut :

Secara garis besar isi file INDEX.PHP terdiri 5 baris kode (seperti terlihat diatas) sebagai struktur dasar yang membangun toko online Prestashop dan menjadikannya sebagai konfigurasi elemen-elemen dasar yang terintegrasi. Postingan kali ini akan menjelaskan kelima baris kode tersebut.

Struktur Website Prestashop : Penjelasan isi file INDEX.PHP

PENJELASAN PERTAMA : file config.inc.php

index.php termasuk di dalamnya file config.inc.php yang terletak di direktori config.
File config.inc.php ini melakukan konfigurasi dan pengaturan setting lainnya.

File config.inc.php akan memeriksa apakah semuanya sudah terpasang (install) dan mendefinisikan template dasar (base theme), default direktori dan alurnya (paths), status order dan setting lain. Saya tidak akan menyibukkan diri dengan penjelasan rinci.

Sebagai Website Desainer, kita perlu melacak jejak error dari waktu ke waktu. Jika Anda buka file config.inc.php di lokasi ini ---> .../config/config.inc.php (silahkan cari di folder config pada cPanel). Maka pada baris paling atas file, Anda akan melihat ini :


@ini_set('display_errors', 'off');

Jika Anda ubah menjadi :

@ini_set('display_errors', 'on');

Dengan di-setting "on" berarti Anda mengaktifkan “Error Reporting” – tetapi harus diingat, Anda HARUS segera mengembalikannya ke status off setelah berhasil melacak error yang terjadi.

Saya tegaskan lagi!!!.

Kembalikan ke status default “off” ketika live installation (atau setelah berhenti melacak error). Karena jika lupa mungubah ke "offf" akan muncul secara terus-menerus pesan seperti gambar ini:




PENJELASAN KEDUA : File header.php

config ini dimuat (loaded), maka file index.php diperintahkan untuk menyertakan file header.php dari instalasi root (root install). Yang dimaksud dengan root install BERARTI langsung dari situs Prestashop kita, bukan dari sesuatu yang terdapat dalam setiap sub-direktori.

File header.php

Snippet isi file HEADER.PHP dalam bentuk image untuk DOWNLOAD script code ada DISINI

---

Disini saya juga tidak akan terlalu jauh membicarakan code pada file header.php diatas.

PENJELASAN KETIGA : HOOK_HOME

Kita temukan pada baris ke-3 file INDEX.PHP (seperti terlihat pada awal postingan) baris kode ini :

$smarty->assign('HOOK_HOME', Module::hookExec('home'));

Baris kode tersebut untuk menentukan Hook (pada dasarnya Hook memungkinkan administrator untuk menentukan dimana mereka ingin modul tertentu ditampilkan pada toko Prestashop)

PENJELASAN KEEMPAT : Display File index.tpl

Selanjutnya kita temukan ini :

$smarty->display(_PS_THEME_DIR_.'index.tpl');

Baris code diatas mengatakan bahwa display file index.tpl dalam posisi dari direktori default theme.
(Anda menentukan theme tersebut untuk digunakan di Back-Office >> Preferances >> Appearance)

PENJELASAN KELIMA : File footer.php

Pada baris kelima file INDEX.PHP kita temukan footer.php :

include(dirname(__FILE__).'/footer.php');

Baris kode diatas mengatakan php ini mencakup file footer.php dari direktori kita (dirname))

File footer.php tersebut secara garis besar memiliki snippet code berikut :

File footer.php

---

Tiap file-nya  mengandung permintaan PHP untuk memasukkan file lain. Kita hanya peduli dengan apa yang sedang terjadi. Deskripsi ini untuk memahami bagaimana PrestaShop bekerja.

SELESAI - That's all we know

Meskipun kita sudah melakukan setting konfigurasi Prestashop, namun Hooks dan berbagai file php  belum punya HTML apapun. Di sinilah template (file .tpl) masuk dan mengambil peran utama.

FILE .TPL : LAYOUT WEBSITE TOKO ONLINE PRESTASHOP

File-file tpl menentukan layout situs html (webpage Prestashop) dan ada dalam folder theme. File tpl tersebut sebagian besar berada di direktori theme, tetapi juga ada di modul karena setiap seseorang menulis modul perlu file template sendiri (tpl).

File tpl adalah file template mencakup HTML dan kode Smarty.

Penjelasan file .css dan .tpl

Jadi file global.css sedang dipanggil dari direktori theme Prestashop. untuk pemanggilan ini diperlukan file CSS lain dan juga file JavaScript yang sudah terkandung didalamnya.

Tampilan HTML (merupakan bagian dari layout webpage) berasal dari file header.tpl, dan index.php "memanggil" index.tpl, dan demikian juga file footer.php "memanggil" (meminta) footer.tpl.

Bersambung ke >>>>    BAGIAN 2

That's all we know

SITEMAP

PETA WEBSITE DESIGN

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 ……

Anda sedang membaca Website Toko Online Prestashop : Struktur Konfigurasi 1

Posted in: CSS-series,HTML-series,Javascript,PHP,PHP-code,PrestaShop,Script-code,Website-engineering