Professor Cloud Zoom

[Salih24]

Paylasim icin tesekkurler, zoom penceresini daha genis nasil yapabilirim?

 

[Gökhan TAYLAN]

Paylasim icin tesekkurler, zoom penceresini daha genis nasil yapabilirim?

Yazdıgım 1.4 veya 1.5 teki en alttaki kodlarda . : zoomWidth : değeri bul karşısındaki rakamı değiştir

ve ek olarak admin panel genel ayarlar resim kısmındaki hangi resimse onun değerini büyüt istediğin gibi sonuç almak için deneme yanılma yöntemi.

 

[darkimpala]

Çerçeve deki kırmızı rengi nasıl değiştirebiliriz?? css dosyasını kurcaladım ama beceremedim bilgisi olan varsa, paylaşırsa sevinirim

 

[identity]

konuyu yeniden canlandırıyorum kusura bakmayın

Professor Cloud Zoom 'un ilk demosunda oldugu gibi yapmak istiyorum gün boyu ugraştım bu eklentiyle mirac arkadaşımızın yapmış oldugu jcarousel eklentisini bir araya getiremedim bunun mümkünatı varmı???

yoksa boşa mı ugrasıyorum

 

[Salih24]

uyguladim gayet guzel calisiyor tek sorun diger resimlere tiklayinca bu sekilde cikiyor

 

[Gökhan TAYLAN]

Konuda Detaylı Bilgi Mevcut Aslında Diğer cvpları okuma gereği duymuyorsunuz ...

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

uyguladim gayet guzel calisiyor tek sorun diger resimlere tiklayinca bu sekilde cikiyor

 

[geceajani]

Merhaba;

Öncelikle ilgilerinize teşekkürler ama şöyle bir sıkıntım var.

Üstteki alışveriş sepeti alta doğru açıldığında resmin altında kalıyor..

teşekkürler..

Not : görsel ektedir..

 

[identity]

Merhaba;

Öncelikle ilgilerinize teşekkürler ama şöyle bir sıkıntım var.

Üstteki alışveriş sepeti alta doğru açıldığında resmin altında kalıyor..

teşekkürler..

Not : görsel ektedir..

css de resmin oldugu tag a z-index degeri vermelisin yada sepetine internette aratırsan bu soruna birçok sitede çözüm bulabilirsin

 

[geceajani]

Sizin bildiğiniz var mı peki. yada css de resmin olduğu tag ı biliyorsanız yardımcı olabilir misiniz?
tşk.

 

[identity]

hangi sürümü ya da hangi temlplate i kullanıyorsunuz bilmiyorum kesin birşey söyleyemycem

catalog\view\theme\default\template\module\cart.tpl

dosyasını açın içnde eger degişiklik yapmadıysanız ilk basta bu şekilde görebilirsiniz.

<div id="module_cart" class="box">

stylesheet.css dosyasında module_cart ı aratıp gerekli düzenlemeyi yaparsanız sorununuz çözülür kolay gelsin

 

[yigit0can]

Hocam Bu Cloud zomm Kullanıyorum ayrıca Acılır Kategoriler Var bu kategoriler ürün sayfasında açıldığında resmin altına geçiyor yani zoom yapılacak resmin altına giriyor neasıl düzeltmeliyim

---

Okumayı Unutmuşum Bundan Sonra Alışkanlık yapacam Sorun Çözüldü Saolun

 

[osdem66]

Merhaba;
zoom yapılacak resmin css indeki z-index değerini degiştierek düzenleyebilirsiniz z-index verilmemişse z-index:1;seklinde ekleyerek 1 degerini diger o bölümdeki diğer css lerin z-indexlerine göre degiştirip çözebilirsiniz..kolay gelsin

 

[ftp.pusula]

Bu eklentiyi kullanıyorum lakin bu eklentiyle birlikte Options Plus Redux kullanılmıyor..
Yani Options Plus Redux un esprisi seçeneklerden hangi renk seçildiyse ürünün resminin değişmesiyle doğru orantılı..
Ama seçenek ne seçilirse seçilsin ürün resmi değişmiyor..Doğal olarak Options Plus Redux eklentisinin bir esprisi kalmıyor..
Ne yapmamı önerirsiniz ?

 

[Gökhan TAYLAN]

Bu eklentiyi kullanıyorum lakin bu eklentiyle birlikte Options Plus Redux kullanılmıyor..
Yani Options Plus Redux un esprisi seçeneklerden hangi renk seçildiyse ürünün resminin değişmesiyle doğru orantılı..
Ama seçenek ne seçilirse seçilsin ürün resmi değişmiyor..Doğal olarak Options Plus Redux eklentisinin bir esprisi kalmıyor..
Ne yapmamı önerirsiniz ?

Options Plus Redux eklentisi ücretsiz bir paylaşımdaysa sitede paylaşarak inceleme olanagı sağlanabilir

büyük ihtimal bu eklentiyi eklerken Options Plus Redux ait olan bilgileri kaldırıyor olabilirsiniz kod incelenmeden yardımcı olamayız.

 

[cosanon]

Cloud Zoom Hakkında

Merhabalar,

Öncelikle bu modül anlatımlarını yapan arkadaşlar sitede var. Konulara bir kaç sorum ve sistemin nasıl çalıştığına anlamak ve üzerinde opencarta kurmaya çalışanlar için bir çözüm bulmalarını sağlamak istiyorum.

Header.tpl

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

Java ve css dosyaları header yükledim.

Sonraki aşamaya geldi sıra...

product.tpl

 <div class="zoom-section">
<div class="zoom-small-image"><a href="<?php echo $popup; ?>" class = "cloud-zoom" id="zoom1" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>"></a></div></div>

Olarak mevcut 1. kullanılan fotoğraf için eklendi.

Dikkatinizi çekmek istediğim kısım "position: 'inside'," yani innerzoom olarak gözükmesini istiyorum.

Ama Şu varki ürünlerin diğer açılardan da çekilen fotoğrafları mevzut. Bunlar içinde küçük fotoğrafların bulunduğu kısım editledim.

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

Bu kısımda eklendi.

Sistemin çalışması için ;

1- İlk gösterilen ürün boyutu 500x500 olarak ayarlanmıştır.
2- Mouse üzerine geldiğinde innerzoom olarak uygulanacak fotoğrafın boyutu 900x900 olarak ayarlanmıştır.

Birincil foto 500x500 gözükmektedir.

İnner Zoom

Sorun Bir! : İnnerzoom birincil fotoğrafa sorunsuz olarak zoomlamaktadır. küçük fotoğraflardan 2. ve 3. tıklandığında. Birincil yerine fotoğraf geçmektedir. Ama fotoğraf boyutu 500x500 olarak değilde 900x900 olarak gözükmektedir.

Sorun1 Fotoğraflar;
2. ürün birinci fotonun yerine geldi ama ebatlar 900x900 px

Sorun İki! : İnnerzoom birincil fotoğrafa sorunsuz olarak zoomlamaktadır. küçük fotoğraflardan 2. ve 3. tıklandığında. Birincil yerine fotoğraf geçmektedir. İnnerzoom efekti için üzerine getirdiğimizda mouse birincil fotoğrafı zoomlamaktadır. Birincil fotoğraf 500x500 olduğundan birden fazla ürün sıralamaktadır.

Sorun2 Fotoğraflar;
2. ürün birinci fotonun yerine geldi ve innerzoom'da gözüken birinci foto

Sorunun mantık olarak oluşma nedenleri;

1- inner uygulanacak fotoğraf "<?php echo $image['popup']; ?>" olarak linklendirilmelidir. 900x900 px olarak ayarlanmıştır. Admin panelinden.

2 - inner birinci fotoğrafta aşağıdaki kodları incelerseniz sorunsuz ve innerzoom aktif çünki mantığa uygun...

<div class="zoom-section">
<div class="zoom-small-image"><a href="<?php echo $popup; ?>" class = "cloud-zoom" id="zoom1" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>"></a></div></div>

3 - 2. fotoğrafa tıklandığında boyutlar da sorun oluşmaktadır aşağıdaki gibi kodları uyguladığımda.

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

Bende kodları birincil deki gibi uyguladım yani;

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

üzerine tıklandığında birinci fotoğraf gibi ebatlarda açmasını giriyorum. İnner fotoğrafı yükleyemiyor.

Çözüm olarak sizce nasıl bir yol izlemeliyim ?

Benim düşüncem. ; <?php echo $popup; ?> 900x900 şeklinde fotoğraf ayarladım ve birincil için uygulamıştım. Bununla birlikte yeni bir fotoğraf boyutlandırma değişgeni oluştursam. Mesela : <?php echo $popup2; ?>
bunun ebatlarını 500x500 ayarlasam. tıklandığında birincil yerine yüklense, <?php echo $popup3; ?> olarakta bir tane daha açsam. onuda 900x900 olarak ayarlayıp 2 fotoğraf için inner olarak kullansam?

Birde yeni özel bir resim boyutlandırma değişkeni nasıl oluşturabilirim?

Konu hakkında düşüncelerinizi veya önerilerinizi bekliyorum. Çok site gezdim. Opencart olarak yapılmış sitelere kimsede inner uygulanmamış. Görüş ve önerilerinizi paylaşarak bunu çözeceğimize inanıyorum.

Şimdiden teşekkür ediyorum.

 

[osdem66]

Konu daha önceden var olduğu için actıgınız konu ile eski konu birleştirilmiştir...lütfen yeni konu açmak yerine var olan konunun altından devam edin..ayrıca sunu bir dene:
catalog/controller/product/product.php aç
bul..

if ($product_info['image']) {
				$this->data['popup'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_popup_width'), $this->config->get('config_image_popup_height'));
			} else {
				$this->data['popup'] = '';
			}

Altına ekle

if ($product_info['image']) {
				$this->data['popup2'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_thumb_width'), $this->config->get('config_image_thumb_height'));
			} else {
				$this->data['popup2'] = '';
			}

bul

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

Altına ekle

'popup2' => $this->model_tool_image->resize($result['image'] , $this->config->get('config_image_thumb_width'), $this->config->get('config_image_thumb_height')),

Daha sonrada ikincil resimlerin üzeirne gelince popup2 olarak acılmasını istedigin yere bunu ekle

<?php echo $image['popup2']; ?>

Yada bu mantığa göre düzenleyebilirsiniz.. ben farklı bir inner scriptinde yaptım sorunsuz çalışıyor..

 

[cosanon]

Sayın osdem66;

verdiğiniz cevap için teşekkürler, İnner zoom ile belirttiğim sorunu çözdüm vermiş olduğunuz bilgiler doğrultusunda.

Bu sorunu yaşayan arkadaşlar var ise;

osdem66 vermiş olduğu kodları uygulasın ardından product.tpl dosyasını açın ve

Birincil foto için kullanılacak kod;

<div class="zoom-section">
<div class="zoom-small-image"><a href="<?php echo $popup; ?>" class = "cloud-zoom" id="zoom1" rel="position: 'inside', showTitle: false, adjustX:-4, adjustY:-4"><img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>"></a></div></div>
<span style="font-size: 11px;"></span></td>

2. ve 3. için uygulanacak kodlar;

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

Eğer bir sorun olan varsa yazın cevaplayabilirim.

İyi günler dilerim.

 

[realmucit]

Bu cloud zoom herşeyi düzeltilebi

 

[kobeumut]

yalnız önemli bir sorunu var cloud zoom un, facebookta paylaşınca küçük resmi görmüyor. Bayağı uğraştım ama çözüm bulamadım bu olaya. Anladığım kadarıyla resmin link halinde olması gerekiyor facebookun algılayabilmesi için fakat biz zoom özelliğini kullanıyoruz ve tıklanmıyor dolayısıyla da facebookta gözükmüyor. Nasıl bir çözüm getirebiliriz acaba? Bulursam haberdar ederim bende

 

[cosanon]

Merhabalar:

1.5.1 sistem üzerinde cloud zoom kurulu ve küçük fotoğraflar direk olarak facebook algılamaz. Ancal facebook paylaş tıklandığında açılan pencerede sayfa üzerinde ne kadar fotoğraf varsa onlar seçenek olarak karşınıza çıkar. Sağ ve sol butonlara basaran küçük yadani diğer fotoğrafları seçip paylaşabilirsiniz.

İyi çalışmalar dilerim