tr-opencart

     
avatar Şuanki Zaman: 08-01-2021, 05:07 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  5972 - Yorum  6

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

Mesajlar: 260
Konular: 52
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, 22 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, 80 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: 159
Telif Hakkı için Rapor Edin...
Alıntı Yaparak Cevapla
Paylaş!
 Teşekkür Edenler: e-ticaretdersleri , 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ş!
e-ticaretdersleriv
Osmanlı Torunu
******
Süper Moderator user avatar
Çevrimdışı

Mesajlar: 3,224
Konular: 520
Katılma Tarihi: Jan 2012
Rep Puanı: 102
Teşekkürler: 1169
1057 Mesajına, 2122 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
e-ticaretdersleri
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
11 Mesajına, 16 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 55 18,380 06-05-2021 11:07 AM
Son Mesaj: o.turkcan
  Opencart Journat Beden Silinmesi ulas.celik15 0 240 03-29-2021 09:55 AM
Son Mesaj: ulas.celik15
  Opencart 3 Journal 3 Alışveriş Sepetiniz Boş Yazısını Değiştirme melihvarilci 1 658 02-24-2021 10:29 AM
Son Mesaj: serajans
  Opencart Domain Değişikliği RNBTEAM 10 8,367 02-23-2021 12:08 PM
Son Mesaj: hacktor
  install dosyasi olmadan Kurulum nasil yapabilirim rizeliozcan 0 624 02-12-2021 11:43 PM
Son Mesaj: rizeliozcan
  Uyarı: ZIP extension needs to be loaded for OpenCart to work! krkusus 4 4,788 01-14-2021 04:06 PM
Son Mesaj: afra35
  Opencart Bulut Ticaret Mümkün mü? abdalwahid 1 239 01-11-2021 06:50 PM
Son Mesaj: osdem66
  Opencart ürün fiyat teklifi olan ürünlerde buton kaldırma alaweb 0 685 11-10-2020 04:22 PM
Son Mesaj: alaweb
  Journal 3 Search Bar konumunu nasıl değiştirebilirim? Darkthrone 0 861 10-12-2020 12:55 PM
Son Mesaj: Darkthrone
  [Mod] Opencart yeni siparişlerde sesli uyarı ARD4 0 767 09-12-2020 12:34 PM
Son Mesaj: ARD4

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: