Kategorileri Üst Tarafa Taşıma

mirac

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
0
Yaş
41
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
catalog\view\theme\default\template\common\header.tpl Aç..

Bul..
Kod:
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>


Altına Ekle..
Kod:
<script type="text/javascript" src="catalog/view/theme/default/ustmenu/easySlider1.7.js"></script>
<script type="text/javascript" src="catalog/view/theme/default/ustmenu/init.js"></script>


catalog\view\theme\default\template\common\column_left.tpl Aç..

Bul..
Kod:
<div id="column_left">
  <?php foreach ($modules as $module) { ?>
  <?php echo ${$module['code']}; ?>
  <?php } ?>
</div>


Üstüne Ekle..
Kod:
<div id="slider_container">
<div class="slider_prev"></div>
<div id="slider">
	<?php
	$slider_cats = $this->model_catalog_category->getCategories(0);
	$this->load->model('tool/image');?>
		<ul class="slider_list">
			<?php foreach($slider_cats as $slider_cat){
			$slider_path = '<a href="' . $this->model_tool_seo_url->rewrite((HTTP_SERVER.'index.php?route=product/category&path=' . $slider_cat['category_id']))  . '">';
			if ($slider_cat['image']) {
						$image = $slider_cat['image'];
					} else {
						$image = 'no_image.jpg';
					}
			$slider_thumb = $this->model_tool_image->resize($image, 80, 80); ?>
		
			<li><?php echo $slider_path; ?><img src="<?php echo $slider_thumb; ?>" title="<?php echo $slider_cat['name']; ?>" alt="<?php echo $slider_cat['name']; ?>" /></a><br />
          <?php echo $slider_path; ?><b><?php echo $slider_cat['name']; ?></b></a><br />
		<?php }?>
		</ul>
</div>
<div class="slider_next"></div>
<div class="clear"></div>
</div>
<div class="clear"></div>


catalog\view\theme\default\stylesheet\stylesheet.css Aç..


En alta ekle..
Kod:
/* -------- SLIDER ----------- */
#slider_container{
	width:100%;
	background:#f1f1f1;/* -------- sliderin arka planını ayarlaya ----------- */
	margin-bottom:10px;
	
}
.slider_prev{
	float:left;
}
#slider{
	float:left;
	text-align:center;
	margin:10px;
	height:120px;
}
#slider a, #slider a:visited{
color:#000;/* -------- kategori isimlerinin rengisi ayarla ----------- */
text-decoration:none;
}
#slider a:hover{
color:#E03C03;/* -------- kategori isimlerinin maus üzerine geldiği rengini ayarla ----------- */
}

#slider li {
width:100px;/* -------- kategori resimlerinin arka planını genislik ayarla ----------- */
height:110px;/* -------- kategori resimlerinin arka planını yukseklik ayarla ----------- */
padding:5px;
margin-left:15px;
background-color:#fff;/* -------- kategori resimlerinin arka planını rengi ayarla ----------- */
overflow:hidden;
}
.slider_next {
	float:right;
	background:url(../ustmenu/right_gray.gif) no-repeat right;
	height:140px;
	width:23px;
	display:block;
	}
.slider_next:hover{
	cursor:pointer;
	background:url(../ustmenu/right_light.gif) no-repeat right;
}
.slider_prev {
	float:left;
	background:url(../ustmenu/left_gray.gif) no-repeat left;
	height:140px;
	width:23px;
	display:block;
	}
.slider_prev:hover{
	cursor:pointer;
	background:url(../ustmenu/left_light.gif) no-repeat left;
}
/* -------------- END SLIDER ---------------- */


Demodaki gibi otomatik olarak hareket etmesini isteyenler alttaki değişikliği yapsın..

catalog\view\theme\default\ustmenu\init.js Aç..

Bul..
Kod:
    btnNext: ".slider_next",
    btnPrev: ".slider_prev",
	circular:true,
	visible:7.15

Değiştir..
Kod:
    btnNext: ".slider_next",
    btnPrev: ".slider_prev",
	circular:true,
	visible:7.15,	
	scroll: 8,
	auto: 9000,
    speed: 1000


Ekteki ustmenu klasörünü temanızın içine \catalog\view\theme\default\ atınız.. Anlatım default temaya göre yapılmıştır.. Farklı tema kullananlar değişiklikleri kendi temasına uygulayıp kodlardaki default bölümlerini değiştirsinler..

149 sürümünde test edilmiştir..

Ayrıca 148 sürümünde de kullanılmaktadır...

Demo..

[bilgi]Şu versiyona bu versiyona uyarmı gibi sorular sormayınız.. Deneyip bilgilerinizi paylaşınız..[/bilgi]
 

Ekli dosyalar

  • ustmenu.zip
    29 KB · Görüntüleme: 175

harmani

OpenCart-TR
Katılım
2 Eki 2010
Mesajlar
3
Tepkime puanı
0
Puanları
0
teşekkürler Mirac default temada problem siz oldu ama default2 tema da demodaki gibi yapamadım colum_left_tpl dosyası yok birde default2 temada çalışan slider etkilermi ikisinin bir arada çalışmasını kaldırmam gerekirmi acaba
 

harmani

OpenCart-TR
Katılım
2 Eki 2010
Mesajlar
3
Tepkime puanı
0
Puanları
0
ben bir türlü ie8 deki init.js hatasını çözemedim pintifiyat.com da nasıl yaptınız anlatabilirmisiniz.
 

mirac

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
0
Yaş
41
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
harmani' Alıntı:
teşekkürler Mirac default temada problem siz oldu ama default2 tema da demodaki gibi yapamadım colum_left_tpl dosyası yok birde default2 temada çalışan slider etkilermi ikisinin bir arada çalışmasını kaldırmam gerekirmi acaba

default2 temasının klasöründe olmayan dosyaları default temasındaki dosyalara uygularsan sorun olmaz.. Yada default temadan dosyaları default2 klasörüne kopyala değişiklikleri default2 klasöründe yap..

harmani' Alıntı:
ben bir türlü ie8 deki init.js hatasını çözemedim pintifiyat.com da nasıl yaptınız anlatabilirmisiniz.

ben init.js dosyasını kullanmadım fazla kodlar olduğu için.. header.tpl dosyasının head tagı içerisine alttaki kodları ekleyip dosya yolunu düzenlersen sorun çıkmaz ben bu şekilde kullanıyorum..

Kod:
<script type="text/javascript" src="catalog/view/theme/default2/js/easySlider1.7.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){	
	$("#slider").jCarouselLite({
    btnNext: ".slider_next",
    btnPrev: ".slider_prev",
		circular:true,
	visible:8.0,
	scroll: 8,
	auto: 9000,
    speed: 1000

    });
});
</script>
 

harmani

OpenCart-TR
Katılım
2 Eki 2010
Mesajlar
3
Tepkime puanı
0
Puanları
0
çok teşekkür ederim mirac henüz denemedim ilgin için sağol
 

saytekin

OpenCart-TR
Katılım
25 Eyl 2010
Mesajlar
19
Tepkime puanı
0
Puanları
0
süper anlatım olmuş teşekkürler opencart geliştiricileri özellikle türkiyedekiler.
 

rocknarena

OpenCart-TR
Katılım
27 May 2010
Mesajlar
29
Tepkime puanı
0
Puanları
0
Mirac hocam ben bunu yaprım düzgün çalıştı fakat şimdi resimlere tıklandığı zaman ekran kararıp açılması gerekirken yeni bir sayfada açıyor. nasıl düzeltebilirim.

Teşekkürler
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,196
Tepkime puanı
1
Puanları
38
Yaş
37
Konum
Bursa
Web sitesi
www.opencart-tr.com
Yaptığınız değişiklikleri geri alıp dikkatli bir şekilde tekrar deneyiniz.
 

rocknarena

OpenCart-TR
Katılım
27 May 2010
Mesajlar
29
Tepkime puanı
0
Puanları
0
Yok abi yine olmadı.
Nereden düzenlenirki bu?
 

tutasste

OpenCart-TR
Katılım
19 Eki 2010
Mesajlar
6
Tepkime puanı
0
Puanları
0
Kategorileri bende yukarı almak istiyorum. Ama sizin üst olarak kastettiğiniz tam olarak neresidir? Logonun altı mı?

İyi akşamlar.
 

myweb

OpenCart-TR
Katılım
16 Mar 2015
Mesajlar
16
Tepkime puanı
0
Puanları
0
tüm kategorilerimi bir üst kategoriye tasıdım fakat bu üst kategoriye giridimde urunler yok :( bombos duruoyor.zaten admincpden de oluşturudugum ust kategoride kaç product var saıysı karsısında da sıfır yazıyor.

oysa tüm alt kategorilerimi taşıdım sorun yok ama bu nasıl oluyor :( neden karşısında sıfır yazıyor hepsini içine atmama rağmen
 
Üst