seo
tr-opencart

     
avatar Şuanki Zaman: 11-20-2017, 08:25 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  3399 - 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, 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, 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
Çevrimdışı

Mesajlar: 67
Konular: 18
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: 152
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,103
Konular: 497
Katılma Tarihi: Jan 2012
Rep Puanı: 95
Teşekkürler: 1138
1011 Mesajına, 2049 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, 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
  [Tema] Opencart Mobil Versiyon Tugce34 2 1,243 11-10-2017 06:52 AM
Son Mesaj: yubaka
  Opencart Sosyal Ağlarda Ürün Paylaşma Kıroğlumarket 0 70 10-27-2017 11:52 AM
Son Mesaj: Kıroğlumarket
  **** Yardım OpenCart Taşıması sonucu Oluşan hata Netbir 1 222 09-02-2017 04:10 AM
Son Mesaj: fbajans
  Sepetin toplam tutarını Ürün sayfasınada nasıl gösterebilirim ? fyg50 0 149 08-14-2017 02:22 PM
Son Mesaj: fyg50
  Opencart 2 Seo Link Hatası moryel2 2 1,104 07-28-2017 12:04 PM
Son Mesaj: hakansol
  Opencart 2.0 Modüller Aradıgınız Sayfa Bulunamadı vistaa 3 319 07-14-2017 01:44 PM
Son Mesaj: Gökhan TAYLAN
  Opencart Verticalmenu Sorunu Bakar mısınız ? Yazilimarsiv 0 108 07-14-2017 11:16 AM
Son Mesaj: Yazilimarsiv
  OpenCart 2.0.1.1 mod_rewrite kozm 9 3,743 07-05-2017 05:45 PM
Son Mesaj: fbajans
  [Tema] opencart 2.2.0.0 temaya fancy product design ekliyemiyorum. yasarbim 0 127 07-02-2017 05:39 PM
Son Mesaj: yasarbim
  Uyarı: ZIP extension needs to be loaded for OpenCart to work! krkusus 3 312 06-29-2017 10:09 PM
Son Mesaj: krkusus

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: