Kategorileri Üst Tarafa Taşıma

[mirac]

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

Bul..

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

Altına Ekle..

<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..

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

Üstüne Ekle..

<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..

/* -------- 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..

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

Değiştir..

    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]

 

[harmani]

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]

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

 

[mirac]

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..

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..

<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]

çok teşekkür ederim mirac henüz denemedim ilgin için sağol

 

[saytekin]

süper anlatım olmuş teşekkürler opencart geliştiricileri özellikle türkiyedekiler.

 

[nietzche]

Demo sitesinin temasının adı ne?

 

[mirac]

Demo sitesinin temasının adı ne?

Default2 temasının editlenmiş hali..

Default 2 teması

 

[rocknarena]

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]

Yaptığınız değişiklikleri geri alıp dikkatli bir şekilde tekrar deneyiniz.

 

[rocknarena]

Yok abi yine olmadı.
Nereden düzenlenirki bu?

 

[tutasste]

Kategorileri bende yukarı almak istiyorum. Ama sizin üst olarak kastettiğiniz tam olarak neresidir? Logonun altı mı?

İyi akşamlar.

 

[myweb]

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