Professor Cloud Zoom

Gökhan TAYLAN

OpenCart-TR
Katılım
14 Tem 2010
Mesajlar
827
Tepkime puanı
0
Puanları
16
Konum
İzmir
- Tints
- İnner Zoom
- Soft Focus

Tints Opencart 1.4.9.3 versiyona Uygulama

demo : bknz.

cloudzoom.png


indirdiğiniz dosyaları catalog/view/javascript/jquery/ içine yükleyin 3 adet dosya.

-cloud-zoom.1.0.2.min.js
-cloud-zoom.css

Düzenleme:

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

BUL
Kod:
<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>

ALTINA EKLE
<script type="text/javascript" src="catalog/view/javascript/jquery/cloud-zoom.1.0.2.min.js"></script>
<link rel="stylesheet" href="catalog/view/javascript/jquery/cloud-zoom.css" type="text/css">[/code]

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

Bul :

Kod:
<td style="text-align: center; width: 250px; vertical-align: top;"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="thickbox" rel="gallery"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" style="margin-bottom: 3px;" /></a><br />
            <span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></td>

Değiştir:

Kod:
<td style="text-align: center; width: 250px; vertical-align: top;"><div class="zoom-section">
              <div class="zoom-small-image"><a href="<?php echo $popup; ?>" class = "thickbox cloud-zoom" id="zoom1" rel="tint:'#ff0000',tintOpacity:0.5 ,smoothMove:5,zoomWidth:285, adjustY:-4, adjustX:10"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image"></a></div></div>
              <span style="font-size: 11px;"><?php echo $text_enlarge; ?></span></td>

Ekdeki dosyaları catalog/view/javascript/jquery/ dizinine yükleyin.

Not : Arkadaşlar Farklı Eklentiler kullanmış olabilirsiniz o yüzden hatalarınızı paylaşırsanız yardımcı olmaya çalışalım .
 

Ekli dosyalar

  • cloud-zoom.1.0.2.zip
    7 KB · Görüntüleme: 721

osmanozg

OpenCart-TR
Katılım
22 Nis 2010
Mesajlar
70
Tepkime puanı
0
Puanları
0
paylaşım için teşekkürler
1.4.8 e nasıl uygularız.

birde <style type"text/css"> bulamadım

stylesheet" type="text/css" var ama çoğu yerde var tam söylersen hangisi olduğunu daha kolay yapılabilir.
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,208
Tepkime puanı
1
Puanları
38
Yaş
36
Konum
Bursa
Web sitesi
www.opencart-tr.com
Koddaki fazlalıklar eksikler hatalar düzeltildi tekrar uygulayınız.

osmanozg' Alıntı:
paylaşım için teşekkürler
1.4.8 e nasıl uygularız.

birde <style type"text/css"> bulamadım

stylesheet" type="text/css" var ama çoğu yerde var tam söylersen hangisi olduğunu daha kolay yapılabilir.

1.4.8 içinde aynısı geçerlidir.
 

genyapi

OpenCart-TR
Katılım
12 Ağu 2010
Mesajlar
8
Tepkime puanı
0
Puanları
0
buu çalıştırmak için jquery resim görüntüleyiciyi kaldırmak mı gerekior, bende çalışmadı da o yüzden
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,208
Tepkime puanı
1
Puanları
38
Yaş
36
Konum
Bursa
Web sitesi
www.opencart-tr.com
Bu kurduğunuzda resim görüntüleyici(Thickbox) devre dışı kalıyor. Baştan tekrar deneyiniz.
 

bilgikur

OpenCart-TR
Katılım
13 Kas 2010
Mesajlar
38
Tepkime puanı
0
Puanları
0
Tşk ederim gökhan paylaşımın ıcın. tam aradıgım kod:)
 

osmanozg

OpenCart-TR
Katılım
22 Nis 2010
Mesajlar
70
Tepkime puanı
0
Puanları
0
paylaşım çok güzel ama bunu
FancyBox ile beraber nasıl kullanabiliriz.
fancybox aktfiken pasife düşüyor.
kullanılmıyor
 

resif

OpenCart-TR
Katılım
4 Şub 2011
Mesajlar
66
Tepkime puanı
0
Puanları
0
Konum
istanbul
tolga35' Alıntı:
Açılır menu resimin altında kalıyor bunun için ne yapmamız gerekli arkadaşlar

Arkadaşım :
cloud-zoom.min.101.js adlı dosyayı aç z-index:9999 bul
z-index:100 ile değiştir sorun düzelecektir .
 

tolga35

OpenCart-TR
Katılım
28 Mar 2010
Mesajlar
185
Tepkime puanı
0
Puanları
0
Yaş
41
Konum
izmir
Web sitesi
www.altinpati.com
resif' Alıntı:
tolga35' Alıntı:
Açılır menu resimin altında kalıyor bunun için ne yapmamız gerekli arkadaşlar

Arkadaşım :
cloud-zoom.min.101.js adlı dosyayı aç z-index:9999 bul
z-index:100 ile değiştir sorun düzelecektir .

Hocam dediğin gibi
cloud-zoom.min.1.0.2.js adlı dosyayı açtım, z-index:9999 buldum
z-index:100 ile değiştirdim ama malesef sorun düzelmedi
bir yanlışlık olabilirmi _?
 

resif

OpenCart-TR
Katılım
4 Şub 2011
Mesajlar
66
Tepkime puanı
0
Puanları
0
Konum
istanbul
tolga35' Alıntı:
resif' Alıntı:
Arkadaşım :
cloud-zoom.min.101.js adlı dosyayı aç z-index:9999 bul
z-index:100 ile değiştir sorun düzelecektir .

Hocam dediğin gibi
cloud-zoom.min.1.0.2.js adlı dosyayı açtım, z-index:9999 buldum
z-index:100 ile değiştirdim ama malesef sorun düzelmedi
bir yanlışlık olabilirmi _?
Ben kullanmıyorum bunu sitemde ama senin için kendi sistemimde uyguladım işe yaradı hatta üreticisinin sayfasındanda araştırdım bu şekilde çözüm olabileceği yazılmış , akşam yine zaman bulabilirsem tekrar bakarım . iyi çalışmalar.
 

expert

OpenCart-TR
Katılım
3 Mar 2011
Mesajlar
33
Tepkime puanı
0
Puanları
0
Yaş
34
Konum
Ankara
ustat lar diğer resimleri nasıl gösterip zoom yapacaz.
ustat lar hangi modül ile yapılacak
 

syrus

OpenCart-TR
Katılım
26 Nis 2011
Mesajlar
16
Tepkime puanı
0
Puanları
0
Çok güzel. Emeğine sağlık.
 

grafikes

OpenCart-TR
Katılım
30 Nis 2011
Mesajlar
50
Tepkime puanı
0
Puanları
0
arkadaşlar ben bu özelliği v1.5 üzerinde nasıl yapabilirim arkadaşlar. Sistem yapısı çok güzel 1.5 e entegre edebilirmiyiz.
 

Gökhan TAYLAN

OpenCart-TR
Katılım
14 Tem 2010
Mesajlar
827
Tepkime puanı
0
Puanları
16
Konum
İzmir
1.5.1.1 için :

İlk Olarak Mesajdaki eklentileri catalog/view/javascript/jquery yükleyin
sonra catalog/view/theme/default/template/common/ header.tpl içinde
bul
PHP:
<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>
ekle altına
PHP:
<script type="text/javascript" src="catalog/view/javascript/jquery/cloud-zoom.1.0.2.min.js"></script>
<link rel="stylesheet" href="catalog/view/javascript/jquery/cloud-zoom.css" type="text/css"/>

sonra
: catalog/view/theme/default/template/product/product.tpl

Bul :

PHP:
<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" /></a></div>

Değiştir :
PHP:
 <div class="zoom-section">
              <div class="zoom-small-image"><a href="<?php echo $popup; ?>" class = "fancybox cloud-zoom" id="zoom1" rel="tint:'#ff0000',tintOpacity:0.5 ,smoothMove:5,zoomWidth:228, adjustY:-4, adjustX:10"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>"  id="image"></a></div></div>
              <span style="font-size: 11px;"></span></td>
grafikes' Alıntı:
arkadaşlar ben bu özelliği v1.5 üzerinde nasıl yapabilirim arkadaşlar. Sistem yapısı çok güzel 1.5 e entegre edebilirmiyiz.

Kod:
Standard Zoom Ayarları :  rel="adjustX: 10, adjustY:-4" 
Tints Zoom Ayarı :  rel="tint: '#ff0000',tintOpacity:0.5 ,smoothMove:5,zoomWidth:480, adjustY:-4, adjustX:10"
İnner Zoom Ayarı :  rel="position: 'inside' , showTitle: true, adjustX:-4, adjustY:-4"
Soft Focus Zoom Ayarı : rel="softFocus: true, position:'anypos', smoothMove:2"
 

neyzel

OpenCart-TR
Katılım
12 Ocak 2011
Mesajlar
20
Tepkime puanı
0
Puanları
0
PHP:
<script type="text/javascript" src="catalog/view/javascript/jquery/cloud-zoom.1.0.2.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/cloud-zoom.1.0.2.min.js"></script>
<link rel="stylesheet" href="catalog/view/javascript/jquery/cloud-zoom.css" type="text/css"/>

Burada eklenmesini istediğiniz cloud-zoom.1.0.2.js ve cloud-zoom.1.0.2.min.js aynı işlevi gören iki dosya değilmi? Bu dosyalardan sadece birini yüklemek gerekmiyor mu?
 

Hknsl

OpenCart-TR
Katılım
1 Tem 2011
Mesajlar
21
Tepkime puanı
0
Puanları
0
Merhabalar, zoom özelliği oldukça güzel fakat resmin altında ve üstünde ''Büyütmek için resime tıklayın'' yazısı mevcut bende. Bu altlı üstlü yazıyı nasıl silebilirim acaba?
 

Gökhan TAYLAN

OpenCart-TR
Katılım
14 Tem 2010
Mesajlar
827
Tepkime puanı
0
Puanları
16
Konum
İzmir
Hknsl' Alıntı:
Merhabalar, zoom özelliği oldukça güzel fakat resmin altında ve üstünde ''Büyütmek için resime tıklayın'' yazısı mevcut bende. Bu altlı üstlü yazıyı nasıl silebilirim acaba?

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


Kod:
<?php echo ' Resmi Büyütmek İçin Tıklayınız...'?></a>

bulun ve silin.
 
Üst