seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-08-2016, 07:07 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Modül Colorbox Yerine Jqzoom Kullanmak

Konuyu görüntüleyenler: 1 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  Kıroğlumarket - Görüntüleme - Okunma  5171 - Yorum  11

Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,965
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1107
965 Mesajına, 1979 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 08-12-2012 04:48 PM
Bu düzenleme ile product.tpl deki colorbox eklentisi yerine jqzoom yani resimlere mouse üzerine gelince zoomlama efekti vermektedir. Ürünün diğer resimlerinide kapsar. Sorunsuz çalışmaktadır. Localde test edilmiştir.Demo veremeyecem ama çalışma videosu eklenmeiştir.

Kurulum anlatım:

Videolu ANlatım

jqzoom product for oc : v1.5.2, v1.5.2.1, v1.5.3, v1.5.3.1


Kuruluma Başlayalım:


Dosyamızı Açalım :
catalog/controller/product/product.php

Bulalım :


PHP Kod:
$this->data['breadcrumbs'] = array(); 

Sonrasına Ekleyelim :


PHP Kod:
$this->document->addScript('catalog/view/javascript/jquery/jquery.jqzoom-core-pack.js');
        if (
file_exists('catalog/view/theme/' $this->config->get('config_template') . '/stylesheet/jquery.jqzoom.css')) {
            
$this->document->addStyle('catalog/view/theme/' $this->config->get('config_template') . '/stylesheet/jquery.jqzoom.css');
        } else {
            
$this->document->addStyle('catalog/view/theme/default/stylesheet/jquery.jqzoom.css');
        } 

Aynı dosyada Bulalım :


PHP Kod:
$this->data['thumb'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_thumb_width'), $this->config->get('config_image_thumb_height')); 

Sonrasına Ekleyelim :


PHP Kod:
            $this->data['thumb2'] = $this->model_tool_image->resize($product_info['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height')); 

Aynı Dosyada Bulalım :


PHP Kod:
'thumb' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height')) 

Değiştirelim :


PHP Kod:
'thumb' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_additional_width'), $this->config->get('config_image_additional_height')),
                    
'thumb2' => $this->model_tool_image->resize($result['image'], $this->config->get('config_image_thumb_width'), $this->config->get('config_image_thumb_height')) 

Dosyamızı Açalım :
catalog/view/theme/default/template/product/product.tpl

Bulalım :


PHP Kod:
<?php echo $footer?>

Üstüne Ekleyelim :


PHP Kod:
<script type="text/javascript">
$(
document).ready(function() {
  $(
'.jqzoom').jqzoom({
    
zoomType'standard',
    
lens:true,
    
preloadImagesfalse,
    
alwaysOn:false,
    
xOffset20
    
yOffset: -10,
    
zoomWidth330,  
    
zoomHeight350
  
});
});
</script> 

Aynı Dosyada Bulalaım :


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

Değiştirelim :


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

Yine Aynı Dosyada Bulalım :


PHP Kod:
<div class="image-additional"

Sonrasına Ekleyelim :


PHP Kod:
<a href="#" title="<?php echo $heading_title; ?>" rel="{gallery: 'gal1', smallimage: '<?php echo $thumb; ?>',largeimage: '<?php echo $popup; ?>'}"><img src="<?php echo $thumb2; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a

Yine Aynı Dosyada Bulalaım :


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

Değiştirelim :


PHP Kod:
<a href="#" title="<?php echo $heading_title; ?>" rel="{gallery: 'gal1', smallimage: '<?php echo $image['thumb2']; ?>',largeimage: '<?php echo $image['popup']; ?>'}"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
.zip jqzoom product for oc v1.5.2 - v1.5.3.1.zip Eklentiyi indir...
Boyut: 10.07 KB İndirme: 177
Telif Hakkı için Rapor Edin...
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: yusuf_07 , nokta , yavuzcosar , oxgurunal , aragon3535 , fe_odaliz , ahlathali
opencart temaları
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,965
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1107
965 Mesajına, 1979 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 08-13-2012 03:21 AM
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: nokta , el.aciz
el.acizv
Acemi Üye
**
Üye
Çevrimdışı

Mesajlar: 20
Konular: 3
Katılma Tarihi: Jan 2012
Rep Puanı: 0
Teşekkürler: 5
2 Mesajına, 2 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 08-13-2012 10:47 PM
Hocam teşekkürler. Emeğine sağlık. Çok güzel oldu.
http://www.notebookkampanya.com
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 2,965
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1107
965 Mesajına, 1979 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 08-14-2012 02:16 AM
Evet arkadaşlar mofiye işlemimiz bitti. Bu eklentimiz bazı değişikliklerle birlikte birazdaha göze hoş ve kullanılabilirlik sağlandı. Başlıca yenilikler nelerdir.

1. Jcarosel deki * İlave Resim ile zoomlanan resim eşitlendi. Artın zoomlanan resim başka ilave resim başka gösterme problemi ortadan kaldırıldı.
2.Jcarousel otomatik kayar hale getirildi. Artık butonlara tıhlamaya gerek kalmadı.
3. Jcarousel köşeleri ovalleştirildi artık keskin köşeli kare gösterimi kaldırıldı.

4 . Ve en önemli madde dikkatkice okuyunuz: GÜLE GÜLE GÜVENLE KULLANINIZ...

Videomuzda eklendi.





son bir düzenleme catalog/view/theme/seninteman/template/product.tplyi açınız bu kodu bulunuz

PHP Kod:
<div class="image-additional"

Üstteki koddan başlayıp altta gösterdiğim satırlar dahil toplam 8 satırı seçip

PHP Kod:
<div class="image-additional">
        <?
php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title?>" class="colorbox" rel="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title?>" alt="<?php echo $heading_title?>" /></a>
        <?php ?>
      </div>
      <?php ?>
    </div>
    <?php ?>

Bu kod ile değiştiriniz.

PHP Kod:
<div class="image-additional" align="center"><?php include ('catalog/view/javascript/jquery/jcarousel/jcarousel.oc.product.inc'); ?></div></div>
    <?php ?>


Ekli Dosya(lar) Önizleme(ler)
Resmi Büyütmek İçin Tıklayın   
.rar catalog.rar Eklentiyi indir...
Boyut: 95.9 KB İndirme: 100
Telif Hakkı için Rapor Edin...
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: yusuf_07 , nokta , cuma
yavuzcosarv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 1
Konular: 0
Katılma Tarihi: Mar 2012
Rep Puanı: 0
Teşekkürler: 2
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 11-12-2012 02:47 AM
Merhabalar acaba 1.5.4. sürümünde geçerlimi ?
Alıntı Yaparak Cevapla
Paylaş!
mustafabv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 4
Konular: 0
Katılma Tarihi: Apr 2012
Rep Puanı: 0
Teşekkürler: 1
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 01-02-2013 07:31 PM
(11-12-2012 02:47 AM)yavuzcosar Yazılan:  Merhabalar acaba 1.5.4. sürümünde geçerlimi ?

1.5.4.1 de ektekini sorunsuz kullanabilirsiniz

http://www.opencart.com/index.php?route=...load_id=29
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları
webmasterStudentv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 12
Konular: 0
Katılma Tarihi: Nov 2012
Rep Puanı: 0
Teşekkürler: 3
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 01-03-2013 03:07 AM
Çoktandır aradığımdı. Ellerinize sağlık.
Alıntı Yaparak Cevapla
Paylaş!
ceswanv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 10
Konular: 3
Katılma Tarihi: Feb 2013
Rep Puanı: 0
Teşekkürler: 3
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-27-2013 09:32 PM
Merhaba

Acaba bu işlemleri 1.5.5.1 de yaparsam sıkıntı yaşarmıyım?
Alıntı Yaparak Cevapla
Paylaş!
blackdesignv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 41
Konular: 8
Katılma Tarihi: Mar 2013
Rep Puanı: 0
Teşekkürler: 25
7 Mesajına, 13 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 03-28-2013 06:19 PM
maalesef 505 iç sunucu hatası alıyorum. Sad

Bi eleştiride bulunmak istiyorum;

Forum konularınız karma karışık, tamam verdiğiniz hizmet tamamen amme hizmeti sayılabilir. Ancak bu işlerde yeni olmasa bile opencart eticaret sisteminde yeni olan bir sürü insanla dolu burası.. VQMOD nedir, ne işe yarar'ı bile bile deneye deneye öğrendik diyebilirim. Konulara da yazılan yorumlardan da anlaşıldığı gibi, benim gibi bir sürü insan var..
Konu başında direk kuruluma başlamışsınız.. Kurulum konusunda direk PHP ve TPL editlemeden girmiş, en son eklentiyi paylaşmışsınız...

Konuyu okur okumaz hemen giriştim dosyalara, en son eklentiyi indirdim, ne göreyim? VQMod muş.. Madem VQMod paylaşılıyor, konu başında niye belirtilmiyor ki? Hali hazırda colorbox eklenti de bozuldu, kala kaldım bu şekilde.

Konu paylaşırken, bunları dikkate alarak paylaşmalısınız. Nacizane eleştirimdir, kimseyi kırmak üzmek istemem.
Alıntı Yaparak Cevapla
Paylaş!
ismail-ayv
ismail-ay
***
Üye user avatar
Çevrimdışı

Mesajlar: 93
Konular: 12
Katılma Tarihi: Nov 2012
Rep Puanı: 0
Teşekkürler: 11
5 Mesajına, 6 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 04-03-2013 02:11 PM
bende cloud-zoom-1.0.2 yükledim fakat consolde =Resource interpreted as Image but transferred with MIME type text/html //hatası alıyorum.
yanlış birşeyler var ama nedir!
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Colorbox Yerine Jqzoom Kullanmak Konusunun Linki Direk Link
Colorbox Yerine Jqzoom Kullanmak Konusunun HTML Kodu HTML Link
Colorbox Yerine Jqzoom Kullanmak Konusu BBCode Linki BBCode Link
Colorbox Yerine Jqzoom Kullanmak Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Opencart 1521-1531-1541-1551 de Mesafeli Satış Sözleşmesinde Son nokta (Colorbox) osdem66 81 19,677 09-02-2016 12:15 AM
Son Mesaj: draw1907
  [Modifikasyon] Sepetim Sayfasındaki Yenile Butonunu Kaldırıp Yerine Anlık Güncelleme Yaptırmak viper_aykiri 10 1,291 06-29-2015 01:10 AM
Son Mesaj: turkojen34
  Opencart Stoğu biten ürünlerde Sepete Ekle Yerine Stokta yok ikonu göstermek osdem66 24 8,193 06-22-2015 11:47 AM
Son Mesaj: besparasiz
  Colorbox responsive sorunu smokie 0 487 02-26-2015 01:19 PM
Son Mesaj: smokie
  Stokta var yerine stokta yok yazısı painersin 14 4,147 05-08-2014 02:09 PM
Son Mesaj: Kıroğlumarket
  Üreticileri ayrı bir kategori olarak kullanmak oillamp 7 1,256 04-15-2014 03:42 PM
Son Mesaj: Kıroğlumarket
  Tema taşıyarak başka bir kurulumda kullanmak roccmania 13 1,597 03-09-2014 06:52 PM
Son Mesaj: Kıroğlumarket
  [Mod] Ödeme Sayfasında Jquery Tab Kullanmak sekhil 11 3,765 12-02-2013 12:06 PM
Son Mesaj: abm
  1.5.x Colorbox Popup Sepet Eklentisi yusuf_07 3 2,402 11-09-2013 08:22 PM
Son Mesaj: koboy
  admin panelinde ve sitede seo kullanmak eno-7 3 898 06-05-2013 04:56 PM
Son Mesaj: eno-7

Colorbox Yerine Jqzoom Kullanmak indir, Colorbox Yerine Jqzoom Kullanmak Videosu, Colorbox Yerine Jqzoom Kullanmak online izle, Colorbox Yerine Jqzoom Kullanmak Bedava indir, Colorbox Yerine Jqzoom Kullanmak Yükle, Colorbox Yerine Jqzoom Kullanmak Hakkında, Colorbox Yerine Jqzoom Kullanmak nedir, Colorbox Yerine Jqzoom Kullanmak Free indir, Colorbox Yerine Jqzoom Kullanmak oyunu, Colorbox Yerine Jqzoom Kullanmak download


Forum Atla: