Opencart Türkiye Destek Sitesi ,E-Ticaret Yazılımı Destek Paylaşım Forumu

Araştırdığım bir konu oldu @osdem66 yönlendirmesi sayesinde bulduğum ve ufak tefek bi kaç değişiklik yaptığım modülü sizinle paylaşmak istedim. Bu modül ödeme sayfalarında ve siparişinin tamamlanması esnasında sayfanın ortasında gif resmi çıkarmaktadır.

Dosya içerisinde değişiklik yaparak dilediğiniz gif resmini ekleyebilirsiniz.

Javascript kodlu olduğundan tamamen dinamik ve tüm sürümlerle çalışmaktadır.
* Javascript kendi dosyasında saklanır. Header.tpl'ye 1 satır kod ekleyerek kullanabilirsiniz.
* Dinamik olarak tüm bağlantılar, sayfa yüklemeleri, tarayıcı yenilemeleri vb. Ile çalışır.

Not : sadece ödeme sayfaları için "pageloadanim.js" içerisindeki

$(window).bind('beforeunload', function() {
$('div#body_loading').show();
});

kod satırını kaldırmanız gerekmektedir. Aksi durumda tüm sayfa yüklemelerinde belirlediğiniz gif çıkacaktır.

Dosyayı: "catalog\view\javascript\jquery" içerisinde yükleyebilirsiniz.

Son olarak aşağıdaki kodu eklemeniz yeterli :

catalog/view/theme/SENİN-TEMAN/common/header.tpl

<script type="text/javascript" src="catalog/view/javascript/jquery/pageloadanim.js"></script>


Not : pageloadanim.js içerisindeki "catalog/view/javascript/jquery/thickbox/loadingAnimation.gif" yolunu dilediğiniz gif ile değiştirmeniz gerekmektedir. Bi kaç örnek ekledim

Kendi sitemde denedim herhangi bir sorunla karşılaşmadım.

Merhaba,
Ben bunun tam olarak ne işe yaradığını anlamadım ama şöyle bir işe yararmı diye sormak istedim.Yanlış veya alakasız bir şey soruyorsam bilgisizliğimi maruz görün.
oluşturmayı önleyen javascript ve css kodlarını ekranın üst kısmındaki içerikten kaldırın şeklinde verilen google uyarısı için bir yerde sayfa yüklenirken loading... şeklinde kısa süreliğine bir gif çıkması özellikle mobil kullanıcılar için çok faydalı oluyormuş diye bir makale okumuştum. Bu sayede javascript kodlarından önce sayfa yüklemesi sırasında bu gif çıktığından diğerleri ikinci planda kalıyormuş ve buda google açısından büyük fayda sağlıyormuş.
Bu şekilde kullanabilirmiyiz bunu..

(02-21-2017 09:38 AM)tarlak Yazılan:  Merhaba,
Ben bunun tam olarak ne işe yaradığını anlamadım ama şöyle bir işe yararmı diye sormak istedim.Yanlış veya alakasız bir şey soruyorsam bilgisizliğimi maruz görün.
oluşturmayı önleyen javascript ve css kodlarını ekranın üst kısmındaki içerikten kaldırın şeklinde verilen google uyarısı için bir yerde sayfa yüklenirken loading... şeklinde kısa süreliğine bir gif çıkması özellikle mobil kullanıcılar için çok faydalı oluyormuş diye bir makale okumuştum. Bu sayede javascript kodlarından önce sayfa yüklemesi sırasında bu gif çıktığından diğerleri ikinci planda kalıyormuş ve buda google açısından büyük fayda sağlıyormuş.
Bu şekilde kullanabilirmiyiz bunu..

Dediğiniz şekilde kullanımda aşağıdaki kodu eklediğinizde herhangi bir ürün sayfası yada ana sayfa vs gibi alt sayfalarda gezerken sayfaların yüklenmesi esnasında hareketli gif sayfanın ortasında sayfa yüklenene kadar kalır, ama Google tarafında ne şekilde sonuç verir bilmiyorum. Dediğiniz şekilde sorunları düzenlemek için en sağlıklı yöntem cache eklentisi kullanmak olacaktırki bu şekilde daha sağlıklı ve hızlı sonuçlar alabilirsiniz.

$(window).bind('beforeunload', function() {
$('div#body_loading').show();
});

Sayfa açılışlarında gif çıkıyor. Ama PageSpeed için bir etkisi olmadı. Bahsettiğim makale wordpress için yazılmış. https://seodersleri.xyz/wordpress-site-hizlandirma/
5 numaralı madde.

cache eklentisi zamanla işe yaramıyor ve hatta daha fazla sorun yaratıyor diyenler olduğu için pek ilgilenmedim. Teşekkür ederim.

(02-21-2017 10:58 AM)tarlak Yazılan:  Sayfa açılışlarında gif çıkıyor. Ama PageSpeed için bir etkisi olmadı. Bahsettiğim makale wordpress için yazılmış. https://seodersleri.xyz/wordpress-site-hizlandirma/
5 numaralı madde.

cache eklentisi zamanla işe yaramıyor ve hatta daha fazla sorun yaratıyor diyenler olduğu için pek ilgilenmedim. Teşekkür ederim.

Bu eklenti ayarlaması ile ödeme sayfasının son işleminde siparişi tamamla butonuna tıkladığınızda sayfada gif çıkmakta olup sipariş tamamlandı sayfasına yönlenene kadar o gif sayfada kalmaktadır. Aynı şekilde ileitşim formunu gönder butonuna tıkladığınızda da aynı şekilde işlem yapmaktadır.