PrettyPhoto is a jQuery lightbox clone

[Gökhan TAYLAN]

Açıklama : 6 Farklı Teması Vardır :
theme: 'pp_default', /* light_rounded / dark_rounded / light_square / dark_square / facebook */


Ürün Detayındaki Resimlere Güzel Bir Modifiye


Ekteki Dosyaları Yükleyin
DEMO : İNCELE

: catalog/view/theme/SİZİN-TEMANIZ/template/common/header.tpl

BUL : fancybox yapısını kaldırıyoruz

<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

DEĞİŞTİR :

<script type="text/javascript" src="catalog/view/javascript/jquery/prettyphoto/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/prettyphoto/prettyPhoto.css"/>

: catalog/view/theme/SİZİN-TEMANIZ/template/product/product.tpl

-Bul : 2 tane ikisinide

class="fancybox" rel="fancybox"

- Değiştir :

rel="prettyPhoto[pp_gal]"

BUL :

<?php echo $footer; ?>

ÜSTÜNE EKLE :

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({animation_speed: 'normal', /* fast/slow/normal */
slideshow: 5000, /* false OR interval time in ms */
autoplay_slideshow: true, /* true/false */
opacity: 0.80, /* Value between 0 and 1 */
show_title: true, /* true/false */
allow_resize: true, /* Resize the photos bigger than viewport. true/false */
default_width: 500,
default_height: 344,
counter_separator_label: 2, /* The separator for the gallery counter 1 "of" 2 */
theme: 'facebook', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
horizontal_padding: 20, /* The padding on each side of the picture */
hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
wmode: 'opaque', /* Set the flash wmode attribute */
autoplay: true, /* Automatically start videos: True/False */
modal: true, /* If set to true, only the close button will close the window */
deeplinking: true, /* Allow prettyPhoto to update the url to enable deeplinking. */
overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */
changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
callback: function(){}, /* Called when prettyPhoto is closed */
ie6_fallback: true,});

});
</script>

[attachment=827]

 

[NotebookBayii]

cok güzel bir modul kesinlikle eklenmesi gerekiyor.

 

[f3rh4t]

teşekkürler güzel olmuş

 

[TECHNOLOG]

fancybox tan daha kullanışlı olduğu kesin. paylaşımın için teşekkürler Gökhan

 

[sinan123]

Herşey iyi güzel hoş fakat beni feci şekilde rahatsız eden bir durum sözkonusu. Kullanıcılar da beğenmeyecektir eminim. Şöyle ki; resim açıldıktan sonra alttaki X'e basmadıktan sonra kapanmıyor. Ne ESC tuşu işe yarıyor ne de sayfada boş bir yere bastığımızda kapanıyor. Diğer temaları da denedim değişme yok. Ama orjinal sitede durum öyle değil. Orada çalışıyor.

Nasıl çözebiliriz? Sizde durum nedir?

Selamlar

Teşekkürler

NOT: Kullandığım tema da bu eklentiyi kullanıyorm. Ama benzerini, product.tpl'de yaptığım değişiklikleri geri alınca intediğim gibi oldu ilginç

 

[Gökhan TAYLAN]

Herşey iyi güzel hoş fakat beni feci şekilde rahatsız eden bir durum sözkonusu. Kullanıcılar da beğenmeyecektir eminim. Şöyle ki; resim açıldıktan sonra alttaki X'e basmadıktan sonra kapanmıyor. Ne ESC tuşu işe yarıyor ne de sayfada boş bir yere bastığımızda kapanıyor. Diğer temaları da denedim değişme yok. Ama orjinal sitede durum öyle değil. Orada çalışıyor.

Nasıl çözebiliriz? Sizde durum nedir?

Selamlar

Teşekkürler

NOT: Kullandığım tema da bu eklentiyi kullanıyorm. Ama benzerini, product.tpl'de yaptığım değişiklikleri geri alınca intediğim gibi oldu ilginç

modal: true, /* If set to true, only the close button will close the window */

modal:false yaparsanız esc yada sayfanın herhangi bir bölümüne tıklayınca kapanır
modal:true yaparsanız sadece X butonuna tıkladıgınızda kapanır .

 

[mkarayilan]

söylenen herşeyi yaptım ancak olmadı.

modernstore tema sını kullanıyorum. ürünler sayfasında resimlere tıklayınca yeni sayfada resmi tek olarak açıyor bu sorundan nasıl kurtulabilirim.

 

[blue021433]

Çok güzel bir eklenti ve çok güzel açıklama için teşekkürler Gökhan.

 

[KmL55]

benim header.tpl de bu kodlar yok ?

 

[Gökhan TAYLAN]

opencartı default indirip kullanıyorsanız fancybox yoktur colorbox olarak yazıyordur onlara dikkat ediniz. yeni sistem colorbox olarak hazırlanmış. admin tarafından.

benim header.tpl de bu kodlar yok ?

 

[KmL55]

bunu nasıl düzelticem yani ? default tema kullanıyorum ve resimler yeni sayfada açılıyor kafayı yemek üzerindeyim yardımcı olabilirmisiniz ?

 

[nickelaj]

çok güzel oldu, elinize sağlık
fakat like edince, facebookta yanlış ürün resmi ve yanında da Ürün bulunamadı çıkıyor

 

[piryapos]

1.5.1.3 versiyonunda çalışır durumda
incelek bakmak isteyenler
http://www.laciniselbiseleri.com veya http://www.laciniselbiseleri.com/lacin

 

[nickelaj]

1.5.1.3 versiyonunda çalışır durumda
incelek bakmak isteyenler
http://www.laciniselbiseleri.com veya http://www.laciniselbiseleri.com/lacin

onda sıkıntı yok , facebook beğen butonunu tıklayıp facebook hesabınıza bakarsanız orada ürün bulunamadı uyarısı çıkıyor.

 

[thraine]

merhaba ilk sayfada arkadas header dan fancy boxlari siliyoruz demiş.
fakat headerda yanında not düşülmüş used by checkout diye.yani checkout ta bu kullanıliyor ve silince calismiyor checkout.odeme sayfasına gecmiyor.belki benim temamda öyledir
neyse silmeden üstüne yapistirdim calisti.

 

[piryapos]

sorun çözüldü kargodan sonra alış veriş devam etmiyordu şimdi eski silinen kodu ekledim sorun kalmadı
sonunu çözdüm
/catalog/view/theme/default/template/common/header.tpl dosyasını aç ve bu kodu daha önce silmişsin prettyPhoto yapacam diye şimdi eklicez
bunu bull
<script type="text/javascript" src="catalog/view/javascript/jquery/prettyphoto/jquery.prettyPhoto.js"></script>



1satır üzerine ekle
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />


sorun çzülmüştür hayırlı olsun

--------------------------------------------------------------------------------

 

[DrGandalf]

1.5.1.3 te sorunsuz çalışıyor teşekkürler.

 

[borankaya]

ARKADAŞLAR BUNU NASIL AKTİV YAPACAĞIZ NERED AKTİV DURUMA GELİYOR

 

[Gökhan TAYLAN]

sitenin versiyonuna göre konudaki aşamaları uygulayın tabiki öncelikle yedeğinizi alın anlık hataya maruz kalmamak için. daha sonra direk aktif olacaktır.

ARKADAŞLAR BUNU NASIL AKTİV YAPACAĞIZ NERED AKTİV DURUMA GELİYOR