Author by Yosef Doublehorn
Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector

19 November 2013

Website Toko online Prestashop : Navigasi Footer 2


Bagian ini kelanjutan Bagian I modifikasi menu navigasi footer halaman website toko online Prestashop. Bagian pertama membicarakan pemahaman dasar bagaimana mengubah footer, dan file website mana yang harus diubah.

Kita tahu sistem navigasi website sangat vital bagi kenyamanan tamu website. Navigasi baik akan memudahkan tamu mencari dan menelusuri content website. Menu-menu navigasi horizontal bisa ditempatkan di bagian header, menu navigasi horizontal bisa ditempatkan pada kolom kiri dan di kolom kanan.

Default footer bar website toko online Prestashop

Untuk edit footer silahkan buka file public_html/modules/blockcms/blockcms.tpl di Control Panel seperti dibawah ini :

block-CMS-navigasi2-1

Membuat menu navigasi di footer bar

Prestashop memberi keleluasaan membuat modifikasi footer bar sendiri. Anda pun dapat melakukannya. Berikut ini contoh toko online pesanan client saya

Screenshot toko online MYTOKO-juli-2012

Untuk membuat menu navigasi footer milik Anda sendiri – bagian mana yang harus dimodifikasi?  Untuk membuat menu footer bar Anda bisa melakukan perubahan snippet diantara ini.

<!-- MODULE Block footer –>   dan   <!-- /MODULE Block footer –>

Langsung praktek, saya membuat menu footer bar toko online bajuditoko.com seperti ini :

Screenshot-bagian-footer-toko-online 
Saya ubah kode html diantara <!-- MODULE Block footer –> dan <!-- /MODULE Block footer –> menjadi seperti dibawah ini :
block-CMS-navigasi2-2
Gambar dari snippet kode diatas seperti ini :

footer-toko-online-mytoko-olstore-final

Bagaimana cara mendapatkan URL suatu CMS?

Silahkan pergi ke TOOLS >> CMS, lalu menuju ke CMS <<Tentang Kami>> Pada kolom AKSI klik tombol <<View>> Maka akan terbuka halaman CMS “Tentang Kami” Masukkan ke :

<li class="item">
<a href="disini” title="Tentang kami" title="About us"><font color="white"><strong>Tentang kami</strong></font></a></li>

Lakukan dengan cara sama untuk mendapatkan URL CMS lain.

Catatan :
{/if}  jangan sampai lupa karena sebagai penutup snippet

Kembali ke Bagian Pertama


.


Comments

1 komentar:

http://website-download.blogspot.com/2013/03/prestashop-menu-navigasi-footer-bagian-2.html?showComment=1445918525607#c5285822606638499748'> 27/10/15 11.02 Reply

Pilihan theme untuk toko online sedikit? Anda bisa mencoba Platform Toko Online dengan Jejualan.com Jasa Pembuatan Toko Online NO 1 di Indonesia

Posting Komentar di Website Design

-

Penelusuran topik khusus di blog ini
Loading