Professor Cloud Zoom

H

hide_out

OpenCart-TR
Katılım
5 Eki 2011
Mesajlar
12
Tepkime puanı
0
Puanları
0
1.5.1.3 için denediğimde ilk resim sorunsuz çalışıyor, ikinci veya diğer resimleri seçtiğimde sadece önizlemede sorunsuz çalışıyordu. ürün sayfasında ki resim hep ilk resim kalıyordu..
Aşağıda uyguladığım yöntemle sorunsuz sonuca ulaştım . Sorun yaşayan arkadaşlara tavsiyemdir..

1 - Öncelikle ekteki dosyaları sunucunuza ekleyin..

2 - catalog/view/theme/default/template/common/header.tpl
dosyasını açın

Bul
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />

Sonrasına Ekle
<link href="catalog/view/theme/default/stylesheet/cloud-zoom.css" rel="stylesheet" type="text/css" />

Bul
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>

Sonrasına Ekle
<script type="text/JavaScript" src="catalog/view/javascript/cloud-zoom.1.0.2.min.js"></script>

3 - catalog/view/theme/default/template/product/product.tpl
dosyasını açın..

Bul
<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
<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class = 'cloud-zoom' id='zoom1' rel="tint:'#CCCCCC',tintOpacity:0.5 ,smoothMove:5,zoomWidth:288, adjustY:-4, adjustX:10"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></div>

Bul
<div class="image-additional">

Sonrasına Ekle
<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class = 'cloud-zoom-gallery' rel="useZoom: 'zoom1', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $small; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>

Bul
<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>

Değiştir
<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['small']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>

4 - catalog/controller/product/product.php
dosyasını açın..

Bul
$this->data['images'] = array();

Öncesine Ekle
if ($product_info['image']) {
$this->data['small'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height'));
} else {
$this->data['small'] = '';
}

Bul
'popup' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height')),
'thumb' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height'))

Değiştir
'popup' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height')),
'thumb' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_thumb_width'), $this->config->get('config_image_thumb_height')),
'small' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height'))


Herkese kolay gelsin....
 

Ekli dosyalar

  • cloud zoom.rar
    7.3 KB · Görüntüleme: 99
M

mkozan

OpenCart-TR
Katılım
7 Eki 2011
Mesajlar
2
Tepkime puanı
0
Puanları
0
opencart default tema'da harika iş görüyor. Ama kendi temama göre uyarlayamadım. Bazı arattığım şeyler kendi temamda yok.
modernstore tema kullanıyorum.
mesela
3 - catalog/view/theme/default/template/product/product.tpl
dosyasını açın..

Bul
<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>

bu bolum benim temamin icinde yok.
tıum cabalarima ramen ilk resim isliyor ama 2.ve 3. resimi popup acmaya calisiyor.

bu konuda yardimlarinizi rica ediyorum,
saygilar.
 
Gökhan TAYLAN

Gökhan TAYLAN

OpenCart-TR
Katılım
14 Tem 2010
Mesajlar
826
Tepkime puanı
0
Puanları
16
Konum
İzmir
yeni versiyonlarda : class="fancybox" rel="fancybox" yerine class="colorbox" rel="colorbox"

olması muhtemel , o kısımları bulun ve verdiğim koddakı bölümlerle değiştirin.
 
7

78erhan78

OpenCart-TR
Katılım
29 Şub 2012
Mesajlar
14
Tepkime puanı
0
Puanları
0
hide_out' Alıntı:
1.5.1.3 için denediğimde ilk resim sorunsuz çalışıyor, ikinci veya diğer resimleri seçtiğimde sadece önizlemede sorunsuz çalışıyordu. ürün sayfasında ki resim hep ilk resim kalıyordu..
Aşağıda uyguladığım yöntemle sorunsuz sonuca ulaştım . Sorun yaşayan arkadaşlara tavsiyemdir..

1 - Öncelikle ekteki dosyaları sunucunuza ekleyin..

2 - catalog/view/theme/default/template/common/header.tpl
dosyasını açın

Bul
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />

Sonrasına Ekle
<link href="catalog/view/theme/default/stylesheet/cloud-zoom.css" rel="stylesheet" type="text/css" />

Bul
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>

Sonrasına Ekle
<script type="text/JavaScript" src="catalog/view/javascript/cloud-zoom.1.0.2.min.js"></script>

3 - catalog/view/theme/default/template/product/product.tpl
dosyasını açın..

Bul
<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
<div class="image"><a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class = 'cloud-zoom' id='zoom1' rel="tint:'#CCCCCC',tintOpacity:0.5 ,smoothMove:5,zoomWidth:288, adjustY:-4, adjustX:10"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a></div>

Bul
<div class="image-additional">

Sonrasına Ekle
<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class = 'cloud-zoom-gallery' rel="useZoom: 'zoom1', smallImage: '<?php echo $thumb; ?>' "><img src="<?php echo $small; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>

Bul
<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="fancybox" rel="fancybox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>

Değiştir
<a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage: '<?php echo $image['thumb']; ?>' "><img src="<?php echo $image['small']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>

4 - catalog/controller/product/product.php
dosyasını açın..

Bul
$this->data['images'] = array();

Öncesine Ekle
if ($product_info['image']) {
$this->data['small'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height'));
} else {
$this->data['small'] = '';
}

Bul
'popup' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height')),
'thumb' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height'))

Değiştir
'popup' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height')),
'thumb' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_thumb_width'), $this->config->get('config_image_thumb_height')),
'small' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height'))


Herkese kolay gelsin....
Genişletmek için tıkla ...

Hocam dediklerinizi aynen yaptım fakat bir sorunum var resmi büyüt yazısı kayboldu oda olsun istiyorum ne yapmam gerek.
Bir sorun daha 1 ve 2 de sorun yok fakat 3.fotoda ürün model marka vs remin arkasında gözüküyor bunu nasıl düzeltirim.
 
signon

signon

OpenCart-TR
Katılım
1 Nis 2012
Mesajlar
22
Tepkime puanı
0
Puanları
0
Hoş bir görseli var ama resmi büyütünce sanki dağıtıyor?
 
M

muratanka

OpenCart-TR
Katılım
25 Ocak 2011
Mesajlar
7
Tepkime puanı
0
Puanları
0
Bu eklentiyi buradan http://www.opencart.com/index.php?route=extension/extension/info&extension_id=4518&filter_search=zoom&filter_license=0&sort=e.date_modified&order=DESC vqmod olarak buldum ancak bende birde diğer resimlerin üzerine gelince resmin otomatik değişmesi ile ilgili bir eklenti var onunla çakıştı main image swap eklentinin adı bu konuda bilgisi olan varmı bu ikisini birlikte çalıştırabilirmiyiz birde bu yüklenince resime tıklayınca açılan popup iptal oluyor bunu nasıl çözebiliriz acaba. isteyen olursa ilgili dosyaları yükleyebilirim yardımcı olabilecek varmı acaba
 
M

mukoonline

OpenCart-TR
Katılım
21 Nis 2012
Mesajlar
34
Tepkime puanı
0
Puanları
6
arkadaslar 1.5.2.1 sürümünde sadece ilk resim zoom oluyor ama diğer resimlerolmuyor acaba 1.5.2.1 sürümü için uygulayan varmı
 
H

hipokondriyak

OpenCart-TR
Katılım
7 Haz 2011
Mesajlar
70
Tepkime puanı
0
Puanları
0
1521 de tam olarak uygulamak ıcın sistemdeki dosyalarada müdahale etmelisiniz
 
L

leventunal

OpenCart-TR
Katılım
6 Mar 2011
Mesajlar
7
Tepkime puanı
0
Puanları
0
Merhaba diğer sürümlerde deneyip başarılı olamayınca Gökhan Hocamızın örnek verdiği 1.4.9.3 versiyonu bulup kurdum.Yazdıklarını uyguladım ve ilk resimde zoom olayı güzel bir şekilde oldu,fakat diğer resimler zoom olayı olmadan sayfanın üzerine sayfayı kaplayacak şekilde,biraz alt tarafta,arka fon hafif transparan ve gri olarak çıkıyor.Formu sonuna kadar inceledim.Pek çok arkadaşın verdiği örnekleri başka versiyonlarda olsa olabilecekleri denedim.Fakat çözülmüyor.Çözebilen arkadaş varmıdır?...
 
A

afaruki

OpenCart-TR
Katılım
28 Ağu 2012
Mesajlar
37
Tepkime puanı
0
Puanları
0
üstatlar opencart ta yeniyim . bir kaç eklenti denedim ama hangisiydi hatırlamıyorum. ürün resminin altındaki diğer resimleri tıklayınca ürünün olduğu yere yeni tıkladığım çıkıyordu . yeni pencere falan açılmıyordu. malesef hangisiydi hatırlamıyorum. şimdi tamamen ona ihtiyacım var çünkü png büyüyünce arka planı büyük çıkıyor. bu eklentiyi bilen var mı.?teşekkürler..
 
S

selcukturan

OpenCart-TR
Katılım
14 Ocak 2013
Mesajlar
23
Tepkime puanı
0
Puanları
0
arkadaslar ben bu solediklerinizi yaptım ama bi sorunum var oda su kucuk resımler tıklayınca buyuk sekilde popup acılıyor ama buyuk resım altta kalmıyor resmın ustunde cıkıyor
 
D

desprate

OpenCart-TR
Katılım
20 Mar 2013
Mesajlar
2
Tepkime puanı
0
Puanları
0
Merhaba,
Ben Sürüm 1.5.5.1 kullanıyorum bu sürümde sorunsuz çalışan bir yol varmı? Kullanan yada uygulayan varsa paylaşım yaparsa çok sevinirim...
 
X

x1murat

OpenCart-TR
Katılım
17 Ağu 2010
Mesajlar
19
Tepkime puanı
0
Puanları
0
desprate' Alıntı:
Merhaba,
Ben Sürüm 1.5.5.1 kullanıyorum bu sürümde sorunsuz çalışan bir yol varmı? Kullanan yada uygulayan varsa paylaşım yaparsa çok sevinirim...
Genişletmek için tıkla ...

aynen, bende 1.5.5.1 için denedim ama sadece ilk fotoğrafı yapıyor diğerlerini yapamıyor birde resmi büyüt kayboldu ikisi birden dursa daha iyi olur.
 
Y

yor3y

OpenCart-TR
Katılım
6 Tem 2011
Mesajlar
3
Tepkime puanı
0
Puanları
0
Merhaba, bende 1.5.5.1 için uyarlıyamadım ilk resimi zoom bile yaptıramadım o derece :))
 
Cevap yazmak için giriş yap yada kayıt ol.
Üst