seoseo
tr-opencart

     
avatar Şuanki Zaman: 12-10-2016, 11:53 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  2689 - Yorum  6

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

Mesajlar: 244
Konular: 50
Katılma Tarihi: Feb 2012
Rep Puanı: 3
Teşekkürler: 68
23 Mesajına, 52 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ş!
opencart temaları
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, 20 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
Çevrimdışı

Mesajlar: 66
Konular: 18
Katılma Tarihi: Dec 2011
Rep Puanı: 4
Teşekkürler: 1
34 Mesajına, 72 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: 150
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: 2,966
Konular: 475
Katılma Tarihi: Jan 2012
Rep Puanı: 93
Teşekkürler: 1108
965 Mesajına, 1981 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ş!
opencart temaları
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, 14 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 1.5.5.1 sürümü ödeme yapıldıktan sonra Installment Charge? precioustr 3 78 12-03-2016 10:17 PM
Son Mesaj: osdem66
  Ürün Sayfasında ürün linki nasıl kaldırırım hcyasavul 3 54 12-03-2016 10:15 PM
Son Mesaj: osdem66
  opencart 2.2 bazı ürün resimleri yüklenmiyor popvitrin 0 51 11-30-2016 12:16 PM
Son Mesaj: popvitrin
  opencart 2.2 kurulumda hata Access denied for user 'xx'@'localhost' (using password: kitapk 0 49 11-11-2016 12:05 AM
Son Mesaj: kitapk
  Opencart Üst Menü Ortalama uerenalp 2 437 10-28-2016 03:51 PM
Son Mesaj: DuNGeoN
  Vqmod (virtual quick Mod) Nedir Nasıl Çalışır.. osdem66 5 11,340 10-28-2016 12:06 PM
Son Mesaj: kpirasoglu
  Fiyattaki virgülü nasıl nokta yapabilirim shikari 0 96 10-26-2016 03:54 PM
Son Mesaj: shikari
  OpenCart 2.0.1.1 mod_rewrite kozm 7 2,040 10-24-2016 07:41 PM
Son Mesaj: Sağlıklı Form
  Opencart Seo Ayarı cnkt1903 1 270 08-19-2016 09:57 AM
Son Mesaj: ibrahim_130
  Opencart Domain Değişikliği RNBTEAM 6 1,342 08-08-2016 05:45 PM
Son Mesaj: Kıroğlumarket

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: