Bikin Templates di Toko Lokomedia Part 1

Senin, 08 April 2013 - 21:09:15 WIB Diposting oleh : Inaf Suwanto | Kategori: PHP Tutorial - Dibaca: 95 kali

Share on facebookShare on twitterShare on emailShare on printMore Sharing Services0 Untuk menambahkan fitur Tempalate Changer di Toko Lokomedia rupanya agak sulit karena kita harus merubah script yang ada menjadi sedemikian rupa , ide ini terlintas saat melihat lokomedia versi berita bisa gonta ganti tema dan banyak yang jual pula template hasil modifikasi mereka, namun ko di toko lokomedia tidak ada??? Nah saat ini kita akan membuatnya menjadi ada, sekalian mengembangkan yang sudah ada dan nyumbang kreativitas dan produk indonesia tentunya.. Tanpa banyak basa basi kita akan membuatnya : Pertama kita siapkan bahan dan tools yang akan kita pakai, namun sebelumnya backup terlebih dahulu database anda, dan semua script asli. Kalau kalau kita gagal membuatnya. Buat tabel template pada database anda. Dengan isian sebagai berikut : -- -- Table structure for table `templates` -CREATE TABLE IF NOT EXISTS `templates` ( `id_templates` int(5) NOT NULL AUTO_INCREMENT, `judul` varchar(100) COLLATE latin1_general_ci NOT NULL, `pembuat` varchar(50) COLLATE latin1_general_ci NOT NULL, `folder` varchar(50) COLLATE latin1_general_ci NOT NULL, `aktif` enum('Y','N') COLLATE latin1_general_ci NOT NULL DEFAULT 'N', PRIMARY KEY (`id_templates`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=29 ; -- -- Dumping data for table `templates` -INSERT INTO `templates` (`id_templates`, `judul`, `pembuat`, `folder`, `aktif`) VALUES (1, 'simply', 'admin', 'templates/simply', 'Y'); Yup Database berhasil kita buat. Selanjutnya buka folder dimana anda menaruh file toko lokomedia anda. Kalau saya masih membuatnya di localhost maka saya membuka ( C:\xampp\htdocs\dinsecta.com\ ) buat folder tempaltes dan dalam folder tempaltes buat lagi folder simply (sesuai nama yang ada di data base tadi) NB : nama folder tidak menggunakan tanda petik atas seperti tulisan saya di atas. Pindahkan file-file apa saja yang harus di pindahkan ke folder templates, dengan list dibawah ini Isi Folder templates ------------------------------------------------------------------Folder Css Folder Js Folder Images Favicon.ico Breadcrumb.php Captcha.php Dina_meta1.php Dina_meta2.php Dina_title.php Diskon_stok.php Downlot.php Index.php Item.php Kanan.php Kiri.php Media.php --> Rename menjadi Template.php Tengah.php style.css jquery-1.4.js ----------------------------------------------------------------------Jadi isi file toko setelah di pindahkan, menjadi seperti ini : Isi folder toko -----------------------------------------------------------------------Folder Adminweb Folder Config Folder Counter Folder Files Folder foto_banner Folder foto_produk Folder lightbox Folder templates Folder tinymcpuk .htaccess Favicon.ico Aksi.php Index.php Media.php -----------------------------------------------------------------------------Pada folder toko terdapat file index.php & media.php,

namun ini hasil modifikasi yang isinya sudah dirubah sedemikian rupa, kira-kira isinya seperti ini. Buatlah file : Index.php ---- Dengan isi :

1.

<?php

2.

include "rss.php";

3.

header('location:home');

4.

?> Buatlah file media.php ---- Dengan isi :

1.

<?php

2.

// Panggil semua fungsi yang dibutuhkan (semuanya ada di folder config)

3.

ob_start();

4.

error_reporting(0);

5.

session_start();

6.

include "config/koneksi.php";

7.

include "config/fungsi_indotgl.php";

8.

include "config/class_paging.php";

9.

include "config/fungsi_combobox.php";

10.

include "config/library.php";

11.

include "config/fungsi_autolink.php";

12.

include "config/fungsi_rupiah.php";

13.

14.

// Memilih template yang aktif saat ini

15.

$pilih_template=mysql_query("SELECT folder FROM templates WHERE aktif='Y'");

16.

$f=mysql_fetch_array($pilih_template);

17.

include "$f[folder]/template.php";

18. ?> Pada folder Templates Buatlah folder dengan nama CSS & JS (jika tidak paham lihat list di atas pada isi folder templates). Masukkan file style.css kedalam folder css Masukkan file jquery-1.4.js kedalam folder js Setelah semua selesai.. Jangan Lupa Rename terlebih dahulu file media.php menjadi template.php Buka file template.php dan rubah script di dlamnya. Hapus bagian :

1.

<?php

2.

error_reporting(0);

3.

session_start();

4.

include "config/koneksi.php";

5.

include "config/fungsi_indotgl.php";

6.

include "config/class_paging.php";

7.

include "config/fungsi_combobox.php";

8.

include "config/library.php";

9.

include "config/fungsi_autolink.php";

10.

include "config/fungsi_rupiah.php";

11. ?> Dan rubah semua script yang tugasnya memanggil file di direktori seperti :

1.

<link href="style.css" rel="stylesheet" type="text/css" /> Menjadi

1.

<link rel="stylesheet" href="<?php echo $f[folder] ?>/css/ style.css " type="text/css" /> Begitu seterusnya.. Setelah Semua sudah di modifikasi, maka sampai sejauh ini tampilan sudah nampak lah ya? ^^, tapi... ups.. masih berantakan rupanya.. Ternyata masih banyak yang harus di modifikasi... Pekerjaan berat rupanya.. XD Akan di lanjut pada Part Berikutnya... Yang sudah tau monggo di terusken wae.. apa lagi yang harus di modifikasi agar tampilannya sesuai seperti sebelum di otak atik tadi.. Xp

Templates di Toko Lokomedia Part 2

Rabu, 10 April 2013 10:31:00 WIB Diposting oleh : Inaf Suwanto | Kategori: Lokomedia - Dibaca: 70 kali

Share on facebookShare on twitterShare on emailShare on printMore Sharing Services0 Cakep, Lanjut lagi nih modifikasi kita, selanjutnya masih kita buka file kanan.php , cari script

1.

<img src="images/shoppingcart.png" alt="" title="" width="48" border="0" height="48"> Modifikasi sedikit menjadi :

1. Satu

<img src="<?php echo $f[folder] ?>/images/shoppingcart.png" alt="" title="" width="48" border="0" height="48"> masalah selesai, buka file berikutnya , ya itu style.css

yang

terdapat

dalam

folder

css..

Cari bagian yang mengandung script kira-kira seperti ini :

1.

background:url(images/footer_bg.gif) repeat-x top; menjadi

1.

background:url(../images/footer_bg.gif) repeat-x top; nah gampang kan? Selanjutnya setelah yakin semua telah di rubah selesai lah edit file style.css

cari

terus

script

yang

terdapat

kalimat

background:url(../

selanjutnya

kita

akan

membuat

managemen

pengaturan

templatenya,

untuk

bisa

di

gonta

ganti

sesuai

yang

kita

inginkan,

tambah,

aktif

ata

tidak

yang perlu kita lakukan copy folder mod_templates di lokomedia versi berita yang terdapat di folder lokomedia/adminweb/modul/ , setelah proses copy sudah oke. Selanjutnya kita akan membuat modul ini berfungsi, pertama kita harus membuka file content.php tambahkan script berikut :

1.

// Bagian Templates

2.

elseif ($_GET['module']=='templates'){

3.

if ($_SESSION['leveluser']=='admin'){

4.

include "modul/mod_templates/templates.php";

5.

6.

} Di atas tulisan // Apabila modul tidak ditemukan. Dengan berakhirnya penjelasan ini maka... oleh karena itu... dan Jadi kesimpulannya, selesailah sudah tutorial membuat fungsi tempelates pada toko lokomedia. Terimakasih sudah membaca artikel ini dan jangan lupa komen untuk bertanya jika ada yang tidak jelas.. ^^, Kalo mau file yang regrads Inaf Suwanto Dinsecta.com ( Developer Abal-Abal ). sudah jadi, tinggal pake silahkan download DISINI