Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

e-ticaretdersleri Tüm Mesajlarını Bul · 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,
    preloadImages: false,
    alwaysOn:false,
    xOffset: 20, 
    yOffset: -10,
    zoomWidth: 330,  
    zoomHeight: 350
  });
});
</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> 

e-ticaretdersleri Tüm Mesajlarını Bul · Konu Tarihi: **08-13-2012 03:21 AM**

el.aciz Tüm Mesajlarını Bul · 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

e-ticaretdersleri Tüm Mesajlarını Bul · 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 } ?>

yavuzcosar Tüm Mesajlarını Bul · Konu Tarihi: **11-12-2012 02:47 AM**

Merhabalar acaba 1.5.4. sürümünde geçerlimi ?

mustafab Tüm Mesajlarını Bul · 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

webmasterStudent Tüm Mesajlarını Bul · Konu Tarihi: **01-03-2013 03:07 AM**

Çoktandır aradığımdı. Ellerinize sağlık.

ceswan Tüm Mesajlarını Bul · 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?

blackdesign Tüm Mesajlarını Bul · 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.

ismail-ay Tüm Mesajlarını Bul · 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!


Direk Link
HTML Link
BBCode Link
Sosyal Paylaş	Sabah net google facebook digg twiter yahoo mixx stumbleupon delicious reddit myspace friendfeed google buzz linkedin

Benzeyen Konular
Konu:		Yazar	Cevaplar:	Gösterim:	Son Mesaj
	Opencart Stoğu biten ürünlerde Sepete Ekle Yerine Stokta yok ikonu göstermek	osdem66	26	23,648	04-17-2020 04:39 PM Son Mesaj: farukcetinkaya
	Stokta var yerine stokta yok yazısı	painersin	15	12,871	03-09-2018 04:59 PM Son Mesaj: projesihirbazi
	"ürün" yerine "paket" kelimesinin geçmesini istiyorum	konumharita38	1	1,683	05-23-2017 01:19 PM Son Mesaj: e-ticaretdersleri
	Opencart 1521-1531-1541-1551 de Mesafeli Satış Sözleşmesinde Son nokta (Colorbox)	osdem66	81	93,173	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	6,413	06-29-2015 01:10 AM Son Mesaj: turkojen34
	Colorbox responsive sorunu	smokie	0	2,241	02-26-2015 01:19 PM Son Mesaj: smokie
	Üreticileri ayrı bir kategori olarak kullanmak	oillamp	7	3,941	04-15-2014 03:42 PM Son Mesaj: e-ticaretdersleri
	Tema taşıyarak başka bir kurulumda kullanmak	roccmania	13	6,377	03-09-2014 06:52 PM Son Mesaj: e-ticaretdersleri
	[Mod] Ödeme Sayfasında Jquery Tab Kullanmak	sekhil	11	8,599	12-02-2013 12:06 PM Son Mesaj: abm
	1.5.x Colorbox Popup Sepet Eklentisi	yusuf_07	3	4,816	11-09-2013 08:22 PM Son Mesaj: koboy

	Şuanki Zaman: 12-18-2024, 07:56 PMHoşgeldin Misafir !
	Beni Hatırla Şifremi Hatırlat

« Önceki \| Sonraki »
Sayfa (2): 1 2 Sonraki »

Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

Modül Colorbox Yerine Jqzoom Kullanmak