Memasang Active Link di Menu Opencart

Baru saja mengupdate demostore saya dengan Opencart versi 1.5.5.1 ,, kali ini sy akan share juga tips/trik memasang Active link di menu Opencart untuk versi 1.5.5.1 , berikut code nya :

1. Javascript :

Code:

<script type="text/javascript">
	$(document).ready(function($){
		var url = window.location;
		$('#menu ul li a[href="'+url+'"]')
		.parents('li')
		.children('a')
		.addClass('active-menu');
	});
</script>

2. CSS nya :

Code:

<style>
.active-menu {
	background: #000000;
}
</style>

kedua nya itu bisa dipasangkan di file catalog > view > theme > yourTheme > template > common > header.tpl

- Gambar contoh :

Spoiler

Update : DEMO > http://dv.mfahmi.net/index.php?route=common/home dan smoga bermanfaat
Note : demo sy karena stylenya sudah dirubah,, code di atas ya untuk theme default yah

 

Master OpenCart-nya turun

Master OpenCart-nya turun gunung nih

 

Dan wrote:

walah Mas Dan bisa aje Terima Kasih & itu sih juga hal kecil kali yah cuman sy liat cukup bermanfaat buat menandakan aja user ada di menu mana gitu jadi menunya aktif ada tandanya

 

Boleh ... Boleh ... *belaga

Boleh ... Boleh ... *i-m_so_happy* *belaga ngarti* =D

 

jadi memudahkan pengunjung ya

jadi memudahkan pengunjung ya untuk menandakan dihalaman mana pengunjung berada

 

waduh ko acak - acakan

waduh ko acak - acakan setelah saya pasang di website, miring- miring salah taru kali ya

 

ente pake wordpress

yg bener aje boss.. ente pake wordpress.. ini buat OpenCart,, ya kalo mau disesuaikan bisa aja sih

 

maksud saya biar ada

maksud saya biar ada fariasinya gitu agan fahmi ehh,, pas saya coba miring terpaksa saya restart ulang lagi

 

bharatayudha wrote:

Terima kasih,

1. Active link itu akan menandakan saat user klik kategori (misal), maka pada saat dihalaman kategori, link kategori di menu itu beda warnanya
2. header yang di atas itu saya gunakan bootstrap dengan class "navbar navbar-fixed-top" makanya dia diatas fixed fullbar gitu nah kalau mau bikin sendiri juga bisa class css nya
3. module feature masih pake yang bawaan koq
4. Download aja theme saya itu dan oprek2 sendiri
5. untuk Filter module coba baca dokumentasi di web Opencart.com bagaimana cara penggunaannya

 

bhre wrote:

Salam kenal, sy coba bantu ya sedikit karena memang bisanya sedikit
untuk merubah header kamu bisa dari css file nya
karena yang mau dirubah link menu yg itu kamu cari line nya dan dirubah jadi seperti ini

Code:

#header .links {
    font-size: 10px;
    left: 0;
    padding-right: 10px;
    position: absolute;
    top: 0;
}

karena position nya absolute maka yang dirubah bottom dan right, dirubah menjadi top dan left seperti contoh diatas, jadilah dia posisinya di atas. Kalau kamu mau coba seperti saya punya itu menggunakan navbar dari bootstrap, kamu bisa langsung lihat contohnya di bootstrap, atau kalau mau langsung bisa gunakan theme yang saya buat ada koq saya share post di forum ini

 

bhre wrote:

Ada baiknya kamu memasang Signature di forum ini (links) yang bisa langsung mengarah ke website Toko online kamu punya --settingnya ada di user account profile kamu, setidaknya kamu mendapatkan Backlink dari forum ini untuk website kamu.. Selamat bersosial oke ditunggu reportnya

 

bhre wrote:

Ada di sticky koq diforum ini sub opencart.. kamu cek saja.. kaffa theme

 

Kalau belum terlalu mudeng

Kalau belum terlalu mudeng mending nyimak dulu saja saya gan.

 

mantap nih mas tutornya

mantap nih mas tutornya