tr-opencart

     
avatar Şuanki Zaman: 04-20-2018, 08:57 PMHoş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  4125 - 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, 78 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,126
Konular: 500
Katılma Tarihi: Jan 2012
Rep Puanı: 97
Teşekkürler: 1139
1017 Mesajına, 2063 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 Stokta Olmayan Ürünleri Sepete Eklemeye İzin Veriyor hudacaliskan 1 34 Bugün 05:06 PM
Son Mesaj: tarlak
  Opencart Xml Entegrasyon, Xml Ürün Yükleme Ve Xml Çıktı Alma Kazekage 17 294 Dün 11:49 AM
Son Mesaj: Kazekage
  Opencart Custom Product Designer hakkındda uzman var mı? orkutece 0 27 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 859 04-14-2018 10:28 PM
Son Mesaj: baanbe38
  opencart sitem googlede cıkmıyor can.55 9 2,342 04-08-2018 05:57 AM
Son Mesaj: sembolpc
  İyi bir Kargo Anlaşmasını Nasıl Yaparız Beyler? cokasi 4 10,963 04-06-2018 04:56 PM
Son Mesaj: burekcelebi
  Opencart 1.5.6'da aldığım hata kodu djcuneyt 2 77 02-26-2018 10:23 AM
Son Mesaj: osdem66
  [Eklenti] opencart 3.0.2.0. ocmod bir program yüklenmiyor askinjohn 4 221 02-21-2018 02:59 AM
Son Mesaj: askinjohn
  İstenmeyen Üyelikleri Kalıcı Olarak Nasıl Engelleyebilirim ? TesbihShop 2 110 02-20-2018 11:59 AM
Son Mesaj: tolga35
  Opencart site içerisine subdomain ile wordpress blog kurulumu egusto 4 1,878 02-14-2018 03:31 PM
Son Mesaj: sakaryanotebook

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: