Template Joomla yang digunakan bisa saja belum memenuhi kebutuhan penggunanya. Ada kalanya, pengguna template tidak puas dengan tata letak atau jumlah posisi modul yang ada. Template sendiri ada yang mudah, sukar atau sama sekali tidak bisa disesuaikan (customize). Untuk template yang bisa disesuaikan, Anda dapat memodifikasi sendiri dengan menambah, mengurangi atau merubah tata letak posisi modul bawaan.
Di template bawaan Beez3 misalnya, Anda mungkin tidak menyukai adanya banner biru yang statik dan ingin menghilangkan banner biru tersebut. Anda kemudian berfikir untuk menambahkan posisi modul baru di posisi banner sebelumnya berada dan akan meletakkan modul slide show untuk menampilkan banner yang dinamis. Apabila ini yang Anda inginkan, berikut ini adalah langkah-langkah untuk menambah posisi modul baru ke template Beez3.
Untuk menambah posisi modul baru di template Beez3, Anda perlu mengedit dua file yaitu index.php dan templateDetails.xml. Anda dapat langsung mengedit kedua file tersebut di area administrasi (backend) Joomla. Masuk terlebih dahulu ke area administrasi Joomla, klik menu Extensions dan kemudian pilih Templates.
Di halaman Templates: Styles yang muncul, klik tautan Beez3 yang ada di kolom Template.
Di halaman Template: Customize yang muncul, pastikan Anda berada di tab Editor dan kemudian klik file index.php.
Edit file index.php dengan menambahkan dua baris kode berikut ini di bawah kode baris 123 dan kemudian simpan (kode baris pertama adalah komentar yang dapat diabaikan, fungsinya hanya menjelaskan kode di bawahnya). Anda dapat memberi nama apa saja untuk posisi modul baru ini (misalnya banner-slideshow). Klik tombol Save untuk menyimpan perubahan pada file index.php.
<!-- Menambahkan posisi modul baru di template Beez3 -->
<jdoc:include type="modules" name="banner-slideshow" />
Edit file templateDetails.xml dengan mengklik file tersebut yang posisinya berada di bawah file index.php.
Tambahkan kode berikut ini di bawah kode pada baris 33. Setelah selesai simpan dengan mengklik tombol Save & Close.
<position>banner-slideshow</position>
Segarkan kembali (refresh) laman website yang masih terbuka untuk melihat hasil penambahan posisi modul baru di template Beez3. Tampak bahwa posisi modul baru berada tepat di bawah menu dari template Beez3.
Untuk mengujinya, tambahkan modul slide show, misalnya modul SlideshowCK, letakkan di posisi modul baru (posisi modul bernama banner-slideshow) dan kemudian atur parameternya. Segarkan kembali (refresh) laman website yang masih terbuka untuk melihat hasilnya.
