izmir escort bursa escort izmir escort izmir escort escort izmir
Kategorileri Üst Tarafa Taşıma
Facebook Hayran Sayfası Rss Feed Bağış Yapın
AÇIK KAYNAK ÜCRETSİZ E-TİCARET YAZILIMI


Özel mesaj gönderme tekrar aktif edilmiştir.


Konuyu Gönder  Yeni Cevap 

 
Konuyu Değerlendir
  • 1 Oy - 5 Ortalama
  • 1
  • 2
  • 3
  • 4
  • 5
KOD Kategorileri Üst Tarafa Taşıma
03-10-2010, 19:37 PM (En son düzenleme: 09-11-2010 22:20 PM yonetim.)
Mesaj: #1
Kategorileri Üst Tarafa Taşıma
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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
/* -------- 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:
1
2
3
4
5
6
7
    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..


Eklenti Dosyaları
.zip  ustmenu.zip (Boyut: 28.96 KB / İndirilme: 175)

Herkesin kalbimde yeri var..! Kiminin altı çizili, kiminin üstü.. !:P

Laptop Çantası
Bu kullanıcıya email gönder Kullanıcının websitesini ziyaret et Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
04-10-2010, 12:07 PM (En son düzenleme: 04-10-2010 12:07 PM harmani.)
Mesaj: #2
RE: Kategorileri Üst Tarafa Taşıma
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

Yardım etmek istiyorum ama önce biraz yardım almam lazım :s
Bu kullanıcıya email gönder Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
06-10-2010, 01:08 AM
Mesaj: #3
RE: Kategorileri Üst Tarafa Taşıma
ben bir türlü ie8 deki init.js hatasını çözemedim pintifiyat.com da nasıl yaptınız anlatabilirmisiniz.

Yardım etmek istiyorum ama önce biraz yardım almam lazım :s
Bu kullanıcıya email gönder Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
06-10-2010, 21:20 PM
Mesaj: #4
RE: Kategorileri Üst Tarafa Taşıma
(04-10-2010 12:07 PM)harmani demiş ki:  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..

(06-10-2010 01:08 AM)harmani demiş ki:  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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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>


Herkesin kalbimde yeri var..! Kiminin altı çizili, kiminin üstü.. !:P

Laptop Çantası
Bu kullanıcıya email gönder Kullanıcının websitesini ziyaret et Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
06-10-2010, 21:26 PM
Mesaj: #5
RE: Kategorileri Üst Tarafa Taşıma
çok teşekkür ederim mirac henüz denemedim ilgin için sağol

Yardım etmek istiyorum ama önce biraz yardım almam lazım :s
Bu kullanıcıya email gönder Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
09-10-2010, 20:44 PM
Mesaj: #6
RE: Kategorileri Üst Tarafa Taşıma
süper anlatım olmuş teşekkürler opencart geliştiricileri özellikle türkiyedekiler.

Abuk sabuk soru sorarsam kusura bakmayın Yeniyim. :)
Bu kullanıcıya email gönder Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
27-11-2010, 12:54 PM
Mesaj: #7
RE: Kategorileri Üst Tarafa Taşıma
Demo sitesinin temasının adı ne?
Bu kullanıcıya email gönder Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
27-11-2010, 15:34 PM
Mesaj: #8
RE: Kategorileri Üst Tarafa Taşıma
(27-11-2010 12:54 PM)nietzche demiş ki:  Demo sitesinin temasının adı ne?

Default2 temasının editlenmiş hali..

Default 2 teması

Herkesin kalbimde yeri var..! Kiminin altı çizili, kiminin üstü.. !:P

Laptop Çantası
Bu kullanıcıya email gönder Kullanıcının websitesini ziyaret et Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
08-12-2010, 06:16 AM
Mesaj: #9
RE: Kategorileri Üst Tarafa Taşıma
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
Bu kullanıcıya email gönder Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
10-12-2010, 01:08 AM
Mesaj: #10
RE: Kategorileri Üst Tarafa Taşıma
Yaptığınız değişiklikleri geri alıp dikkatli bir şekilde tekrar deneyiniz.

Forum Kuralları | Site Tanıtım Kuralları | Modül Listesi - Indeks | Acil Yardım İsteyenler
Bu kullanıcıya email gönder Kullanıcının websitesini ziyaret et Bu kullanıcının gönderdiği tüm mesajları bul
Bu mesaji bir cevapta alıntı yap
Konuyu Gönder  Yeni Cevap 


Benzer Konular...
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Alt Kategorileri Yanyana Yapmak demokanist 0 1,948 05-01-2012 22:48 PM
Son Mesaj: demokanist
  [KOD] Sepeti Header Üst Tarafa Taşımak mirac 9 16,251 31-12-2011 02:12 AM
Son Mesaj: slckflz
  [KOD] Login Alanını Headera Taşıma debreli 7 10,916 18-12-2011 00:04 AM
Son Mesaj: evimemoda
  [KOD] Header Css menü (Kategorileri Üst Tarafa Taşımak) mirac 18 32,116 04-11-2011 13:22 PM
Son Mesaj: onurorkun
  [KOD] Kategorileri Devamlı Açık Yapmak mirac 9 13,970 14-07-2011 03:42 AM
Son Mesaj: mesadizayn

Foruma Git:


Bu konuyu görüntüleyen kullanıcı(lar): 1 Ziyaretçi



Son Dakika Haberleri


OpenCart Türkiye | İletişim | En Üste Dön | İçeriğe Dön | Arşiv | RSS Beslemesi | Kullanım Koşulları