tr-opencart

     
avatar Şuanki Zaman: 06-20-2018, 04:20 AMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Opencart Lazy Load Eklentisini nasıl kullanabiliriz

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  sekhil - Görüntüleme - Okunma  4304 - Yorum  6

sekhilv
Çırak
****
Üye user avatar
Çevrimdışı

Mesajlar: 257
Konular: 51
Katılma Tarihi: Feb 2012
Rep Puanı: 3
Teşekkürler: 71
23 Mesajına, 53 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 12-20-2012 02:13 PM

merhaba arkadaşlar

http://www.appelsiini.net/projects/lazyload

linkdeki lazyload eklentisini opencart'a nasıl entegre edebiliriz. forumlarda bazı konular buldum ama hepsi olumsuz..

yardımlarınızı bekliyorum..

opencart 1.5.3.1
Alıntı Yaparak Cevapla
Paylaş!
fofotarav
Üye
***
Üye user avatar
Çevrimdışı

Mesajlar: 61
Konular: 6
Katılma Tarihi: Jan 2012
Rep Puanı: 0
Teşekkürler: 2
11 Mesajına, 21 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 12-22-2012 01:53 AM
Ben kullanıyorum. Latest.tpl dosyasından örnek vereyim:

Orjinali

PHP Kod:
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>"  alt="<?php echo $product['name']; ?>" /></a></div

düzenlenmiş hali :

PHP Kod:
<div class="image lazy"><a href="<?php echo $product['href']; ?>"><img src="dosya_yüklenene_kadar_gökükecek.jpg" data-original="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div

css dosyasına

.lazy {
display: none;
}

js dosyasına da :

$("img.lazy").show().lazyload();


eklemeniz gerekecek.
header a eklenecek js dosyasını söylememe gerek yok sanırım.

Diğer taraftan vqmod kullanıyorsanız bunların bir çoğu çalışmayabilir. Çünkü Opencart dosyaları bayağı bir değişiyor
Alıntı Yaparak Cevapla
Paylaş!
ultimaxultimaxv
Acemi Üye
**
Üye user avatar
Çevrimdışı

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



Kişisel Bilgileri: v
Konu Tarihi: 12-23-2012 08:06 PM
Merhaba

Bu Ne İşe Yarıyor Acaba
Alıntı Yaparak Cevapla
Paylaş!
redwhite27v
Kalfa Üye :)
***
Üye user avatar
Dışarıda

Mesajlar: 68
Konular: 19
Katılma Tarihi: Dec 2011
Rep Puanı: 4
Teşekkürler: 1
36 Mesajına, 79 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 06-07-2013 03:31 PM
ekteki klasörü olduğu gibi sitenizin bulundugu alana yükleyin
sonuç: catalog/view/javascript/jquery klasörü içinde jail klasörü içinde
blank.gif - loader.gif ve jail.min.js adında 3 dosyanın aktarıldığından emin olun.
loader.gif resmini kendinize göre uyarlarsınız artık.
_______________________________________________________________________________

Aşağıdaki klasörü aç:

catalog/view/theme/TEMANIZ/template/product/category.tpl


bul:
<div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>


bununla değiştir:
<div class="image">
<a href="<?php echo $product['href']; ?>"><img class="imagejail" src="catalog/view/javascript/jquery/jail/loader.gif" width="<?php echo $product['thumbwidth']; ?>" height="<?php echo $product['thumbheight']; ?>" data-src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a>
<noscript>
<a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a>
</noscript>
</div>


bul:
onclick="display('grid');"


değiştir:
onclick="display(\'grid\');"


bul:
onclick="display(\'list\');"


değiştir:
onclick="displaybutton(\'list\');"


bul:
function display(view) {


üst satırına ekle:
function displaybutton (view) {
display(view);
$(function(){
$('img.imagejail').jail({
effect: 'fadeIn',
offset: 300,
speed : 400
});
});
};



Aşağıdaki klasörü aç:

catalog/controller/product/category.php


bul:
$image = $this->model_tool_image->resize($result['image'], $this->config->get('config_image_product_width'), $this->config->get('config_image_product_height'));


alt satırına ekle:
$imagewidth = $this->config->get('config_image_product_width');
$imageheight = $this->config->get('config_image_product_height');



bul:
$image = false;



alt satırına ekle:
$imagewidth = '';
$imageheight = '';


bul:
'thumb' => $image,


alt satırına ekle:
'thumbwidth' => $imagewidth,
'thumbheight' => $imageheight,



Aşağıdaki klasörü aç:

catalog/view/theme/TEMANIZ/template/common/header.tpl


bul:
</head>


üst satırına ekle:
<script type="text/javascript" src="catalog/view/javascript/jquery/jail/jail.min.js"></script>
<script type="text/javascript">

$(function(){
$('img.imagejail').jail({
effect: 'fadeIn',
speed : 400,
placeholder : 'catalog/view/javascript/jquery/jail/loader.gif'
});
});

</script>

________________________________________

Angel ve sonuç : ÖRNEK ÇALIŞMAYI GÖR


Ekli Dosya(lar)
.rar catalog.rar Eklentiyi indir...
Boyut: 8.6 KB İndirme: 153
Telif Hakkı için Rapor Edin...
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: Kıroğlumarket , nokta
myerlikayav
Acemi Üye
**
Üye user avatar
Çevrimdışı

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



Kişisel Bilgileri: v
Konu Tarihi: 10-28-2013 01:18 AM
saol redwhite27 süpersin
1.5.6 da denedim çalışıyor
Alıntı Yaparak Cevapla
Paylaş!
Kıroğlumarketv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,145
Konular: 505
Katılma Tarihi: Jan 2012
Rep Puanı: 97
Teşekkürler: 1142
1021 Mesajına, 2068 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 02-20-2014 01:36 AM
@redwhite27 gayet başarılı bir çalışma olmuş tebrikler
Kıroğlumarket
Alıntı Yaparak Cevapla
Paylaş!
eno-7v
Çırak
****
Üye user avatar
Çevrimdışı

Mesajlar: 292
Konular: 148
Katılma Tarihi: Nov 2012
Rep Puanı: 0
Teşekkürler: 14
10 Mesajına, 15 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 07-08-2015 09:52 AM
Bu Eklentiyi 2.0 ve üzeri versiyonlarda kullanan var mı
Alıntı Yaparak Cevapla
Paylaş!

« Önceki | Sonraki »
Cevapla  Gönder 

Opencart Lazy Load Eklentisini nasıl kullanabiliriz Konusunun Linki Direk Link
Opencart Lazy Load Eklentisini nasıl kullanabiliriz Konusunun HTML Kodu HTML Link
Opencart Lazy Load Eklentisini nasıl kullanabiliriz Konusu BBCode Linki BBCode Link
Opencart Lazy Load Eklentisini nasıl kullanabiliriz Konusunu Paylaş Sosyal Paylaş

Benzeyen Konular
Konu: Yazar Cevaplar: Gösterim: Son Mesaj
  Opencart Xml Entegrasyon, Xml Ürün Yükleme Ve Xml Çıktı Alma Kazekage 26 780 06-12-2018 05:06 PM
Son Mesaj: Kazekage
  opencart 3.0 da sipariş sonu hata mesajı berkalpdikmen 1 57 06-08-2018 03:55 PM
Son Mesaj: Enerji ve Guc
  Opencart 2 mi opencart 3 mü seçilmeli? nahita 0 79 05-30-2018 04:01 AM
Son Mesaj: nahita
  Opencart 3.0.2 Dolar Kurunu nasıl tl kuru gösteririm erdemegn 0 91 05-29-2018 11:06 AM
Son Mesaj: erdemegn
  Opencart Üst Menü Ortalama uerenalp 3 1,411 05-28-2018 11:20 AM
Son Mesaj: Enerji ve Guc
  Opencart Ürün Eklemede Para Birimi Seçme Kısmını xml export tarzı modüllerde gösterme kurugaddere 1 66 05-23-2018 11:50 AM
Son Mesaj: osdem66
  İyi bir Kargo Anlaşmasını Nasıl Yaparız Beyler? cokasi 6 13,084 05-16-2018 05:04 PM
Son Mesaj: mayaser
  Opencart Stokta Olmayan Ürünleri Sepete Eklemeye İzin Veriyor hudacaliskan 1 130 04-20-2018 05:06 PM
Son Mesaj: tarlak
  Opencart Custom Product Designer hakkındda uzman var mı? orkutece 0 86 04-15-2018 03:35 PM
Son Mesaj: orkutece
  Opencart 1.5.5.1 sürümü ödeme yapıldıktan sonra Installment Charge? precioustr 5 1,021 04-14-2018 10:28 PM
Son Mesaj: baanbe38

Opencart Lazy Load Eklentisini nasıl kullanabiliriz indir, Opencart Lazy Load Eklentisini nasıl kullanabiliriz Videosu, Opencart Lazy Load Eklentisini nasıl kullanabiliriz online izle, Opencart Lazy Load Eklentisini nasıl kullanabiliriz Bedava indir, Opencart Lazy Load Eklentisini nasıl kullanabiliriz Yükle, Opencart Lazy Load Eklentisini nasıl kullanabiliriz Hakkında, Opencart Lazy Load Eklentisini nasıl kullanabiliriz nedir, Opencart Lazy Load Eklentisini nasıl kullanabiliriz Free indir, Opencart Lazy Load Eklentisini nasıl kullanabiliriz oyunu, Opencart Lazy Load Eklentisini nasıl kullanabiliriz download


Forum Atla: