הוספת לוגו בזמן הטעינה של האתר

[אסתי רוטנר]

יש את האופציה הזו בגרסת הניסויים של אלמנטור, בהגדרות אתר> מעבר עמוד

[יהודית צישינסקי]

בהגדרות האלמנטור של האתר (איפה שאת מגדירה צבעים גלובליים וכד’) במעבר עמוד יש לך אפשרות לטעון קובץ לאנימציית טעינה מקדימה.

[יהודית]

אפשר לקבל צילום מסך?

(אני לא מוצאת הגדרה כזו אצלי.. אולי כי אין לי אלמנטור פרו?)

[אפרת דיין]

את הקוד הבא שימי בוויג’ט HTML בעמוד הראשי (כדי שיקרה פעם אחת, בכניסה לאתר)

או בהדר או בפוטר – כדי שיקרה בכל מעבר עמוד.
כמובן בSRC של הלוגו – שימי את הגיף שאת רוצה…

<div style=”direction: ltr;”>
</div><div style=”direction: ltr;”><div class=”loader” ></div></div>

<script>

window.onload = function() {

jQuery(function($){

$(‘.loader’).fadeOut(‘slow’);

});

};

/*document.addEventListener(‘DOMContentLoaded’, function() {

jQuery(function($){

$(‘.loader’).fadeOut(‘slow’);

}); });*/

</script>

<style>

.loader {

position: fixed;

animation-duration: 500ml;

left: 0px;

top: 0px;

width: 100%;

height: 100%;

z-index: 9999;

background: url(‘https://touchdesign.co.il/wp-content/uploads/2020/10/לוגו-לטעינת-אתר.gif’) 50% 50% no-repeat #fff; /* Change the #fff here to your background color of choice for the preloader fullscreen section */

}

.elementor-editor-active .loader{

display: none;

}

</style>

[יהודית]

תודה רבה.

יש לי כמה שאלות:

– איך עושים שזה לא יעבור כל כך מהר (זה איזה שניה…)

– זה לא נראה בזמן טעינת האתר, אלא אחרי שסים לטעון מעלה לשניה, ואז נפתח האתר

איך עושים שבזמן הטעינה זה יוצג?

תודה גדולה לכל העונות!