Opencart 1.5.1.x Accordion Kategori Modülü

[osdem66]

Merhaba Opencart 1.5.1.x verisyonlarda standart olarak gelen kategori menü modülünü mause ile üzerne gittiğinizde accordion seklinde açılmasını sağlayan bir düzenlemedir..
versiyon:1.5.x versiyonalrın tamamı ile uyumludur.. (yükleme yapmadan mutlaka yedeginizi alınız)
catalog-view-theme-sizintemanız-template-module-category.tpl dosyasını aç ve tüm kodları bununla degiştir.

<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div style="padding:0px;"class="box-content"> 
  <?php foreach ($categories as $category) { ?>
    <div style="padding:0px;" class="box-category">
                  <h2 class="kategori-ickisim"> <?php if ($category['category_id'] == $category_id) { ?>
          <a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>
          <?php } else { ?>
          <a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
          <?php } ?></h2>
          <?php if ($category['children']) { ?>
          <div class="kategori-govde">
           <?php foreach ($category['children'] as $child) { ?>		  
                 <h2 class="kategori-alt"> <?php if ($child['category_id'] == $child_id) { ?>
              <a href="<?php echo $child['href']; ?>" class="active"> - <?php echo $child['name']; ?></a>
              <?php } else { ?>
              <a href="<?php echo $child['href']; ?>"> - <?php echo $child['name']; ?></a>
              <?php } ?>
			  </h2>  
			  <?php } ?>
                </div>
 <?php } ?> 
            </div>
			 <?php } ?>
  </div>
</div>	
         <script type="text/javascript">
$(document).ready(function() {

	$('.kategori-govde').hide(); 
	$('.kategori-ickisim:first').addClass('active').next().show(); 

	$('.kategori-ickisim').hover(function(){
		if( $(this).next().is(':hidden') ) { 
			$('.kategori-ickisim').removeClass('active').next().slideUp();
			$(this).toggleClass('active').next().slideDown(); 
			}
			else
			{				
			}
			return false; 
	});
});
</script>

Aç catalog-view-themes-sizintemanız-stylesheet-stylesheet.css aç ve en altına bu kodu ekle

/*akordion kategori css baslangic*/
h2.kategori-ickisim {
	background: #ddd;
  line-height: 25px;
	width: 184px;
	margin: 0px 0;
}
h2.kategori-ickisim a {  
 	display: block;
	background:  url(../image/arrow-right.png) left 5px no-repeat;
  font-size: 12px;
	font-weight: bold;
	color: #000;
	margin-left:5px;
	text-align: left;
padding-left:10px;	
 
  text-decoration: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
}
h2.kategori-ickisim a:hover {
	color: #666;
	border: 0px solid #666;
}
h2.kategori-alt a {   
 	display: block;
 	width: 165px;
 	line-height: 20px; 	
    font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-left:10px;
	text-align: left; 
    text-decoration: none;
    border: 0px solid #ddd;
    background: #fff;
}
h2.kategori-alt a:hover {  	
	color: #000;
    background: #ddd;
}	 
/*akordion kategori css sonu*/

 

[salbay]

Çok güzel bir modul.Teşekkürler

 

[selimsahin]

Harika yapmışın ellerine sağlık

 

[gercegigorbi]

malesef sadece stili degişti akordiyon olarak açılmadı.akordiyon gibi görünüyor ama sadece görüntü öyle TEŞEKÜRLER.

 

[merdobul]

Emeğinize sağlık. Çok güzel bir paylaşım. Bir sorum olacak. Bu kategori başlıklarının üzerine geldiğimiz zaman değilde tıkladığımız için açılmasını istiyorsak nasıl bir değişiklik yapmamız gerekir. Bu konu hakkında bilgilendirme yapabilirseniz hocam çok sevinirim. İyi çalışmalar...

 

[umxar]

teşekkürler hocam çok güzel çalışma ama tıkladığımızda açılsa daha bi güzel olur yapılabilir mi acaba
yardımcı olursanız sevinirim

 

[elesta]

teşekkürler hocam çok güzel çalışma ama tıkladığımızda açılsa daha bi güzel olur yapılabilir mi acaba
yardımcı olursanız sevinirim

Hover'ları click olarak değiştirirsen düzelir.Bende ilk açtığımızda hepsi kapalı gelebilir mi acaba onu nasıl yaparız?

 

[afaruki]

arkadaşlar 39 ile 40 ıncı satırın arasına,

$(this).toggleClass('active').next().slideUp();

bunu eklemeniz gerekiyor. yoksa kutunun ikinci kez tıkanmasında açılan menü kapanmıyor

---

ilk açıldığında kapalı olmasını isteyenler
31.inci satırdaki show u hide yapsınlar

bul
$('.kategori-ickisim:first').addClass('active').next().show();

değiştir
$('.kategori-ickisim:first').addClass('active').next().hide();

 

[Güven_]

hocam arka plan gri çıkıyor neden ve katagori yazısını biraz nerden genişletebilirim

 

[volkanefe]

teşekkürler paylaşım için

 

[RedWhite27]

aaa bu modülü hatırlıyorum yine Osman bey paylaşmıştı, biraz css oynaması yaparsanız ahanda böyle bişi çıkıyor ortaya

test: www.tumsarf.com

 

[yazgac]

Teşekkürler. Çok iyi oldu.

 

[alcaphone]

aaa bu modülü hatırlıyorum yine Osman bey paylaşmıştı, biraz css oynaması yaparsanız ahanda böyle bişi çıkıyor ortaya

test: www.tumsarf.com

hocam şu oynanmış css'lerden faydalanmamız mümkün mü

 

[t.ozcan]

Bende ki stili komple değiştirip sayfa birbirinin içine girdi. Versiyon olarak 1.5 kullanıyorum nerde hata yapmış olabilirim.

---

Bende ki stili komple değiştirip sayfa birbirinin içine girdi. Versiyon olarak 1.5 kullanıyorum nerde hata yapmış olabilirim.

soruma cevap alamıyorum yardımcı olurmusunuz.

 

[digimy]

bu konu hiç bi işe yaramaz

saygılarımla

 

[eyyup]

çok güzel bir modül eline sağlık

 

[mastike]

Merhaba bunu 1.5.6 da yaptım çalışmıyor acaba yapılması gereken nedir yardımcı olurmusunuz ve alt kategorileri göstermiyor.