Thickbox yerine FancyBox Yapımı..

mirac

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
36
Yaş
43
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
Kullanıcılarınız sitenizdeki resimleri büyük boy görüntülemek istediklerinde sayfa kararır ve resim ön plana gelir.. Diğer resimlere bakmak istediklerinde mecburen o resmi kapatıp diğer resme tıklamaları lazım..

Bunu ortadan kaldırmak ve birazcıkta efekt katmak için FancyBox'u kullanmanız yeterli..:)

Öncelikle FancyBox'u indirelim.. Sıkıştırılmış paket içindeki fancybox klasörünü sitemizin "catalog/view/javascript/jquery" dizinine atalım..


catalog/view/theme/KULLANACAĞINIZ TEMA/template/common/header.tpl dosyasını açalım ve alttaki kodları bulup değiştirelim..

Bul..
Kod:
<script type="text/javascript" src="catalog/view/javascript/jquery/thickbox/thickbox-compressed.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/thickbox/thickbox.css" />

Bu kodla değiştir..
Kod:
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.0.pack.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.0.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
   $("a.thickbox").attr('rel','group');
   $("a.thickbox img").parent().fancybox({
      'overlayShow' : true,
      'speedIn' : 600,
      'speedOut' : 500,
      'transitionIn': 'elastic',
      'transitionOut': 'elastic',
      'easingIn' : 'easeOutBack',
      'easingOut' : 'easeInBack'
   });       
});
</script>

İşlem bitince sitenizdeki görüntüler bu şekilde görünecektir..
francbox.jpg
 

fenerium007

OpenCart-TR
Katılım
6 Mar 2010
Mesajlar
9
Tepkime puanı
0
Puanları
0
RE: [KOD] Thickbox yerine FancyBox Yapımı..

uyguladım çok güzel.emeğine sağlık mirac
 

comondx

OpenCart-TR
Katılım
20 Mar 2010
Mesajlar
19
Tepkime puanı
0
Puanları
0
RE: [KOD] Thickbox yerine FancyBox Yapımı..

bu kod tüm sürümlerle uyumlumu mu kardeş
 

admira

OpenCart-TR
Katılım
20 Ocak 2010
Mesajlar
248
Tepkime puanı
0
Puanları
16
Web sitesi
www.TrendCorap.com
RE: [KOD] Thickbox yerine FancyBox Yapımı..

Süpermiş Mirac. Paylaşım için Teşekkür Ederim...
 

ttechnologic

OpenCart-TR
Katılım
16 Eyl 2009
Mesajlar
14
Tepkime puanı
0
Puanları
0
RE: [KOD] Thickbox yerine FancyBox Yapımı..

süpersin miraç ALLAH senden razı olsun
 

beyazgulum

OpenCart-TR
Katılım
10 Nis 2010
Mesajlar
13
Tepkime puanı
0
Puanları
0
RE: [KOD] Thickbox yerine FancyBox Yapımı..

teşekkürler çok işe yaradı
 

turkuaz

OpenCart-TR
Katılım
25 Mar 2010
Mesajlar
118
Tepkime puanı
0
Puanları
0
Konum
ANKARA
Web sitesi
www.turkuazhobby.com
RE: [KOD] Thickbox yerine FancyBox Yapımı..

Merhaba güzel bir çalışma. Teşekkürler Ancak 1.4.5 de çalışmadı .Ürün detayalrındaki tablar çalışmıyor .dolayısı ile resimler görğnmüyor. Tekli resime tıklayıncada popup ile ayrı pencerede açıyor.
nedeni ne olabilir.?
Teşekkürler
 

mirac

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
36
Yaş
43
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
RE: [KOD] Thickbox yerine FancyBox Yapımı..

indirdiğin paketteki fancybox klasörünün catalog/view/javascript/jquery klasörünün içinde olduğuna emin ol.. Klasörü komple atmışsındır javascript dosyasının yolu yanlıştır..
 

bactery

OpenCart-TR
Katılım
24 Ocak 2010
Mesajlar
22
Tepkime puanı
0
Puanları
0
RE: [KOD] Thickbox yerine FancyBox Yapımı..

mirac kardeşim smrelin temaasını kullanıyorum 1.4.7 kurulu header.tpl de o kod yok :S
 

mirac

OpenCart-TR
Katılım
7 Şub 2010
Mesajlar
1,383
Tepkime puanı
0
Puanları
36
Yaş
43
Konum
Beykoz____
Web sitesi
www.notebook-cantasi.com
RE: [KOD] Thickbox yerine FancyBox Yapımı..

Modifiyede silmiştir tema sahibi.. <head> </head> taglarının arasına ekle çalışır..
 

bactery

OpenCart-TR
Katılım
24 Ocak 2010
Mesajlar
22
Tepkime puanı
0
Puanları
0
RE: [KOD] Thickbox yerine FancyBox Yapımı..

eyw saolasın
 

pasulyan

OpenCart-TR
Katılım
13 Nis 2010
Mesajlar
11
Tepkime puanı
0
Puanları
0
RE: [KOD] Thickbox yerine FancyBox Yapımı..

emeğine sağlık mirac güzel eklentii...
 

samnet

OpenCart-TR
Katılım
22 Nis 2010
Mesajlar
63
Tepkime puanı
0
Puanları
0
Yaş
38
Konum
istanbul
RE: [KOD] Thickbox yerine FancyBox Yapımı..

eline sağlık kardeşim süper çalışıyor ;)
 

smart176

OpenCart-TR
Katılım
12 Eki 2009
Mesajlar
22
Tepkime puanı
0
Puanları
0
RE: [KOD] Thickbox yerine FancyBox Yapımı..

teşekkürler
 
Üst