Gelişmiş Slayt Düzenleyicisi - Advanced Slider Editor

sabitertan

OpenCart-TR
Katılım
18 Eki 2010
Mesajlar
195
Tepkime puanı
0
Puanları
0
Konum
Adana
Bu modülü Hikko arkadaşımızın "Joomla da var da Opencartta neden yok Gelişmiş bir Slayt düzenleyicisi?" sorusunun üzerine geliştirmeye başladım.
Adından da anlaşıldığı gibi sitenize slayt eklemenizi ve eklediğiniz slaytları admin bölümünden gelişmiş olarak yönetmenizi sağlar.

Kurulum ve Özellikler
1. Basit Kurulum : diğer modüller gibi içeriği kopyalayın ve site dizinine yapıştırın. Admin bölümünde Gelişmiş Slayt modülünü kurun ve düzenlemeye başlayın.

2. Yeni slayt eklemeye başlamadan slayt genişliğini belirleyip modülü kaydedin.(Temanıza göre değişkenlik gösterecektir default için 550-580 arası uygun gibi duruyor.)

3. Slaytlarını eklemeye başlayın :) Her yeni slayt eklediğinizde modül yeni bir sıra numarası vererek kayıt yapacaktır.

4. Slaytlarınızda görünmesinizi istediğiniz resimleri yükleyip gerekli bilgileri doldurun.(Çok uzun cümleler yazmayın bu bir slayt sonuçta :) )

5. Slayt URL diye bir girdi göreceksiniz ki buraya o slayta tıkladığınızda açılmasını istediğiniz sayfanın URL sini yani web adresini yazın(kopyalayıp yapıştırabilirsiniz.)

6. Gerekli bilgileri girdikten sonra Slaytlar yazısının altında bulunan Kaydet Tuşuna basmayı unutmayınız. Bu tuş slaytların içeriğini kaydeder. Ana Slayt özelliklerini kaydetmek için yukarıdaki özgün Opencart kaydet tuşunu kullanın.

7. Gelişmiş Slayt editörü 6 tip hazır slayt sistemiyle gelmektedir istediğinizi seçip kullanın(daha ileriki sürümlerde bu sayı artacak. Şu an üzerinde uğraştığım 15 adet slayt tipi daha var :) )
8. Slayt için resim yüklediğinizde resim yolu ve küçük resim yolu otomatik oluşturulacaktır. Aynı zamanda 50x50 bir küçük resimde otomatik oluşturulup kaydedilecektir.

Bu çalışmada hem fikirleriyle hem de geliştirme aşamasında yaptıkları denemelerle geri dönüt sağlayan Hikko ve Fprot arkadaşlarıma teşekkürlerimi sunmayı bir borç bilirim. Buna ek olarak sanal postan bir takım fonksiyonlar aldık umarım geliştiricisi bize kızmaz :)

Opencart ailesine hayırlı uğurlu olsun :)
Not: Elbetteki gözden kaçan şeyler olmuştur. Bu nedenle oluşacak hataları paylaşınız ki ileriki sürümlerimiz daha sağlıklı olabilsin.

Bu arada beğendiğiniz Javascript ya da Jquery tabanlı sliderlar olursa yazın inceleyip ekleyebilirim.
Dosyamız ektedir.
Herkese iyi çalışmalar
Önemli Not: Admin bölümü Google Chrome ve Firefox ile çalışmaktadır. Site arayüzü Firefox, Chrome, ie6-ie7-ie8 de sorunsuz çalışmaktadır.
Örnekler:
http://www.recelcim.com/
http://www.medyacom.com/

ÖNEMLİ:
Aşağıda anlatılanlar mecburi değildir.
Aşağıdaki gibi bir görüntüler elde etmek isterseniz uygulayınız.


[attachment=540]
[attachment=541]
home.tpl yi açın aşağıdaki kodu bulun
PHP:
  <?php foreach ($modules as $module) { ?>
  <?php echo ${$module['code']}; ?>
  <?php } ?>
Şu şekilde değiştirin
PHP:
<?php foreach ($modules as $module) { ?>
  <?php if ($module['code']!='advancedslider'){?>

  <?php echo ${$module['code']}; ?>

  
  <?php } } ?>

Daha sonra eğer tüm blokların üstünde durmasını istiyorsanız. Aşağıdaki iki kodun arasına:
PHP:
<?php echo $header; ?>
PHP:
<?php echo $column_left; ?>

Sadece sağ ve orta bloğun üstünde olmasını istiyorsanız Aşağıdaki iki kodun arasına:
PHP:
<?php echo $column_left; ?>
PHP:
<?php echo $column_right; ?>

Aşağıdaki kodu yerleştirin:
PHP:
  <?php foreach ($modules as $module) { ?>
  <?php if ($module['code']=='advancedslider'){?>

  <?php echo ${$module['code']}; ?>

  
  <?php } } ?>

Uyarı: Header' ın üstüne koymaya çalışmayın Jquery header la yüklenmektedir. Denerseniz hata ile karşılaşırsınız.


Değişiklikler:
Sürüm 0.1
1. İlk kullanıcı sürümü

Sürüm 0.2
1. Slayt yüksekliği, slayt geçiş hızı ve slayt gösterim süresi değişken olarak atanmıştır.
2. Nivo-slider 3 ayrı modifikasyonla eklenerek toplam dokuz slayt tipi oluşturulmuştur.
3. Slayt tipi seçiminde küçük önizleme resmi gösterilmektedir.
Not: Slayt gösterim süresi ve geçiş hızı milisaniye cinsindendir. Sadece milisaniye değerini yazın sonuna 'sn', 'ms' gibi bir ekleme yapmayınız(Örnek:4000)

Sürüm 0.2.1
1. short_open_tag hatası giderilmiştir

Sürüm 0.2.2
1. Kod iyileştirmeleri, hata düzeltmeleri.
2. Manşet Göster/Gizle Seçeneği eklendi

[attachment=663]
 

Ekli dosyalar

  • slideronheader.jpg
    slideronheader.jpg
    219.5 KB · Görüntüleme: 2,817
  • slideronright.jpg
    slideronright.jpg
    221 KB · Görüntüleme: 1,476
  • advanced_slider_v0.2.2.zip
    344.6 KB · Görüntüleme: 1,325

irembagi

OpenCart-TR
Katılım
21 Eyl 2010
Mesajlar
163
Tepkime puanı
0
Puanları
0
Yaş
45
Konum
Bursa
Web sitesi
www.bakkoop.com
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

teşekkürler ellerinize sağlık
 

ozansenkal

OpenCart-TR
Katılım
23 Ağu 2010
Mesajlar
139
Tepkime puanı
0
Puanları
0
Yaş
38
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

Teşekkürlerimi ifade edecek kelam bulamıyorum pirim. Harikasınız, ellerinize emeklerinize sağlık.
 

afatsum24

OpenCart-TR
Katılım
30 Kas 2010
Mesajlar
21
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

Teşekkür ederim arkadaşlar elinize sağlık..
 

fprot

OpenCart-TR
Katılım
11 Eki 2010
Mesajlar
15
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

Harika bir çalışma, ilk deneme şansı elde edenlerden birisi olmak da ayrıca benim şansım oldu. IE6-7-8 chrome - ve firefox ile sorunsuz çalışmaktadır. Sorun yaşayan veya yarım olarak slayt gören arkadaşların stylesheet klasöründe "apple.css" gibi bir dosya olup olmadığını kontrol ettikten sonra buraya yazması önerilir (Tester tavsiyesi :))
 

iyilik

OpenCart-TR
Katılım
23 Ara 2010
Mesajlar
9
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

merhabalar ben denedim ancak slayt yüklemesinde bir sorunla karşılaştım bir ölçüleri uygun bir resim seçtim ve kaydet dedim ancak urller boştu yani resmi yüklemedi yardımcı olursanız sevinirim bu arada bu güzel çalışma içinde teşekkürler
 

afatsum24

OpenCart-TR
Katılım
30 Kas 2010
Mesajlar
21
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

slayt genişliğini ayarlayabiliyoruz ancak yüksekliği nasıl ayarlıycaz onu bulamadım.
 

sabitertan

OpenCart-TR
Katılım
18 Eki 2010
Mesajlar
195
Tepkime puanı
0
Puanları
0
Konum
Adana
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

iyilik' Alıntı:
merhabalar ben denedim ancak slayt yüklemesinde bir sorunla karşılaştım bir ölçüleri uygun bir resim seçtim ve kaydet dedim ancak urller boştu yani resmi yüklemedi yardımcı olursanız sevinirim bu arada bu güzel çalışma içinde teşekkürler
image/advancedslider ve image/advancedslider/thumb klasörlerinin yazma izni olduğundan emin olunuz . Admin tarafı için Firefox ya da Google Chorome kullanınız

afatsum24' Alıntı:
slayt genişliğini ayarlayabiliyoruz ancak yüksekliği nasıl ayarlıycaz onu bulamadım.
Yükseklik bazı sebeplerle değişken olarak eklenmedi ancak seçtiğiniz slayt tipine(x diyelim) göre catalog/view/theme/default/template/module/advancedslider_type_x.tpl yi açıp height=340 yada height=300 değerlerinin tümünü değiştirip kaydederek yüksekliği değiştirebilirsiniz.
Daha sonraki sürümlerde yükseklikte değişken olarak eklenecektir.
 

afatsum24

OpenCart-TR
Katılım
30 Kas 2010
Mesajlar
21
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

Çok teşekkür ederim harika bir çalışma olmuş..söylediğiniz şekilde yüksekliğide ayarladım..
 

sabitertan

OpenCart-TR
Katılım
18 Eki 2010
Mesajlar
195
Tepkime puanı
0
Puanları
0
Konum
Adana
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

Modülü sorunsuz kullanan arkadaşlar sitelerini öm ile belirtirlerse ana mesaja ekleriz böylece canlı demolarımız olur. Sadece bir öneri kimse mecbur değil :)
 

hikko

OpenCart-TR
Katılım
15 Kas 2010
Mesajlar
292
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

eline sağlık kardeşim ihtiyaç duyduğumuz düzenlemelerini kendimiz yapmak zorunda olduğumz bir bileşendi harika çalışıyor
 

irembagi

OpenCart-TR
Katılım
21 Eyl 2010
Mesajlar
163
Tepkime puanı
0
Puanları
0
Yaş
45
Konum
Bursa
Web sitesi
www.bakkoop.com
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

peki ben bunu farklı amaçla kullanacağım bize destek olan firmaların reklamını yapıp onların sitesine yönlendirmek istiorum ama ziyaretçimin benim sayfamdan ayrılmadan tıkladığında yeni bir sayfada açılmasını nasıl yapabilirim

advancedslider_type_2.tpl yi kullanıyorum

kodu aşağıda biraz değiştirdim ben
PHP:
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/lofslidernews/css/style.css" />

<script language="javascript" type="text/javascript" src="catalog/view/javascript/lofslidernews/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="catalog/view/javascript/lofslidernews/js/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		$('#lofslidecontent45').lofJSidernews( { interval:5000,
											 	easing:'easeInOutQuad',
												duration:2200,
												mainWidth		: <?=$slide_size?>,
												auto:true } );						
	});

</script>
<style>
	
	ul.lof-main-wapper li {
		position:relative;	
	}
</style>
<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="lofslidecontent45" class="lof-slidecontent" style="width:<?=$slide_size?>px; height:250px;">
<div class="preload"><div></div></div>
 <!-- MAIN CONTENT --> 
  <div class="lof-main-outer" style="width:<?=$slide_size;?>px; height:250px;">
  	<ul class="lof-main-wapper" style="width:<?=$slide_size?>px; height:250px;">
	<?php foreach($ccpos_config as $pos){?>
  		<li style="width:<?=$slide_size?>px; height:250px;">
        		<a href="<?=$pos['urls']?>"><img src="<?=$pos['img']?>" title="Newsflash 2" style="width:<?=$slide_size;?>px; height:250px;"></a>         

        </li> 
		<?}?>
       
      </ul>  	
  </div>
  <!-- END MAIN CONTENT --> 
    <!-- NAVIGATOR -->

      <div class="lof-navigator-outer" style="right:-95px;">
            <ul class="lof-navigator">
			<?php foreach($ccpos_config as $pos){?>
               <li>
			   <div style="width:180px;">

			   <img src="<?=$pos['thumb']?>" />
			   
			   <span><?=$pos['span_i']?><?=$pos['h2']?></span>

			   </div>
			   </li>
			   <?}?>
           </ul>
      </div>

 
  <!----------------- --------------------->
 </div> 
<script type="text/javascript">

</script>
 

eymen

OpenCart-TR
Katılım
9 Ara 2010
Mesajlar
13
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

Hacım ben sorunsuz çalısıyor'da fakat çok kalın :S bunu nasıl inceltecez resim boyutlarını photo da ayarlıyom atıyom gine aynı çok kalın bu kalınlığı nasıl ayarlıya bilirim
 

sabitertan

OpenCart-TR
Katılım
18 Eki 2010
Mesajlar
195
Tepkime puanı
0
Puanları
0
Konum
Adana
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

eymen' Alıntı:
Hacım ben sorunsuz çalısıyor'da fakat çok kalın :S bunu nasıl inceltecez resim boyutlarını photo da ayarlıyom atıyom gine aynı çok kalın bu kalınlığı nasıl ayarlıya bilirim

Kalınlıktan kastettiğiniz yükseklikse daha önceki mesajlarda nasıl yapılacağını açıkladım. Bir sonraki sürümde bir özellik olarak ta eklenecektir.

irembagi' Alıntı:
peki ben bunu farklı amaçla kullanacağım bize destek olan firmaların reklamını yapıp onların sitesine yönlendirmek istiorum ama ziyaretçimin benim sayfamdan ayrılmadan tıkladığında yeni bir sayfada açılmasını nasıl yapabilirim
Aşağıdaki kodu bulun
PHP:
<a href="<?=$pos['urls']?>">
Şu şekilde değiştirin
PHP:
<a href="<?=$pos['urls']?>" target="_blank">
 

iyilik

OpenCart-TR
Katılım
23 Ara 2010
Mesajlar
9
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

sabitertan' Alıntı:
iyilik' Alıntı:
merhabalar ben denedim ancak slayt yüklemesinde bir sorunla karşılaştım bir ölçüleri uygun bir resim seçtim ve kaydet dedim ancak urller boştu yani resmi yüklemedi yardımcı olursanız sevinirim bu arada bu güzel çalışma içinde teşekkürler
image/advancedslider ve image/advancedslider/thumb klasörlerinin yazma izni olduğundan emin olunuz . Admin tarafı için Firefox ya da Google Chorome kullanınız

yazma izinleri doğru firefox kullanıyorum lakin şöyle bir durum var yeni ürün eklediğimde mesela resim koymadığımda çıkan otomatik resim yok resmi çıkmıyo bu yüzdende X işareti çıkıp görünümü bozuyor nasıl yapabilirim ?
 

sabitertan

OpenCart-TR
Katılım
18 Eki 2010
Mesajlar
195
Tepkime puanı
0
Puanları
0
Konum
Adana
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

iyilik' Alıntı:
yazma izinleri doğru firefox kullanıyorum lakin şöyle bir durum var yeni ürün eklediğimde mesela resim koymadığımda çıkan otomatik resim yok resmi çıkmıyo bu yüzdende X işareti çıkıp görünümü bozuyor nasıl yapabilirim ?
Bu bir Slayt editörü ürün eklemenizle alakalı bir slider değil. Bu nedenle mutlaka slayt resmi eklemeniz gerekir.

Bu arada modülümüz güncellenmiştir. Gerekli açıklama ve dosya ilk mesaja eklenmiştir.
 

hikko

OpenCart-TR
Katılım
15 Kas 2010
Mesajlar
292
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

yeni slaytları da denedik arkadaşlar www.medyacom.com yeni eklenen hepsiburada ve hizlial tarzı slayt görek için medyacoma bakabilirsiniz
 

legensiz

OpenCart-TR
Katılım
25 Ara 2010
Mesajlar
1
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

modülü kurdum fakat resim yükleyemiyorum.hata veriyor...warning .....ile başlayan kodlar falan çıkıyor.resim ekleyemiyorum lütfen biri şunu güzelce açıklayabilir mi :)
 

hikko

OpenCart-TR
Katılım
15 Kas 2010
Mesajlar
292
Tepkime puanı
0
Puanları
0
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

kardeş firefox veya chrome ile kullanıyorsun değilmi çünkü ie de hata verebiliyor bazen bu arada kodları verirsen çözüm bulabiliriz
 

sabitertan

OpenCart-TR
Katılım
18 Eki 2010
Mesajlar
195
Tepkime puanı
0
Puanları
0
Konum
Adana
RE: Gelişmiş Slayt Düzenleyicisi-Advanced Slider Editor

legensiz' Alıntı:
modülü kurdum fakat resim yükleyemiyorum.hata veriyor...warning .....ile başlayan kodlar falan çıkıyor.resim ekleyemiyorum lütfen biri şunu güzelce açıklayabilir mi :)
image/advancedslider ve image/advancedslider/thumbs klasörlerinin yazma izinlerinin doğru olduğunda emin olunuz.
İzin verilen dosya uzantıları jpg, jpeg, png ve gif' tir. bmp desteği yok ona da dikkat ediniz.
 
Üst