מימוש אנימציית טעינה – Preloader

על מנת לממש Preloader באתר, יש להשתמש בתוסף LoftLoader של Loft.Ocean (קישור כאן).

לאחר ההפעלה צריך להיכנס להגדרות > LoftLoader Lite ושם להגדיר את הפרמטרים הבאים:

1. לבחור Loader ואז תמונה, לבחור תמונה של הלוגו של הלקוח
2. להגדיר רוחב 250 פיקסלים

ניתן להגדיר זמן מינימום לטעינה (מומלץ להגדיר שנייה אחת), על ידי התאמת קוד, תחת תוספים > עורך תוסף, קובץ loftloader/assets/js/loftloader.js
שם להחליף את הקוד הבא:

loftloader_finished();

שנמצא בתוך הלולאה function(e), בקוד הזה:

var delayInMilliseconds = 3000; //5 seconds
 setTimeout(function() {
 loftloader_finished();
 }, delayInMilliseconds);

כאשר יש להוסיף את הקוד גם תחת loftloader.min.js (גרסא מצומצמת)

ניתן לייצר גרסא מצומצמת באמצעות הכלי הזה: https://javascript-minifier.com/