פוטר דביק לתחתית

מכירים את זה שאין בעמוד מספיק תוכן והפוטר לא דבוק לתחתית?
הקוד הבא יצמיד את הפוטר לתחתית גם במקרה שאין מספיק תוכן באתר,
בשלב הראשון תוסיפו את הקלאס sticky-footer לקונטיינר הראשי בפוטר,
בשלב הבא הוסיפו ווידג'ט HTML והכניסו את הקוד הבא:

JavaScript
<script>jQuery(document).ready(function($) {
  // Check if the page has less content
  function stickFooter() {
    var windowHeight = $(window).height();
    var bodyHeight = $('body').height();
    var footerHeight = $('.sticky-footer').outerHeight();

    if (bodyHeight < windowHeight) {
      $('.sticky-footer').css('position', 'fixed').css('bottom', '0');
    } else {
      $('.sticky-footer').css('position', 'static');
    }
  }

  // Call the stickFooter function on page load and window resize
  $(window).on('load resize', function() {
    stickFooter();
  });
});
</script>

במידה וקוד ה -Js חל על כל האתר ניתן להטמיע תחת אלמנטור בניהול קודים ובתנאים להגדיר שיחול על כל האתר.

במידה וקוד ה -Js חל על עמודים ספציפיים ניתן להטמיע תחת הגדרות אלמנטור בניהול קודים ובתנאים להגדיר על איזה עמוד הוא יחול או לחלופין להשתמש בווידג'ט Html.

הסתבכתם עם הקוד? צריכים התאמה אישית?
תוכלו להיעזר בנותני השירות המומלצים שיעזרו לכם בעבודה

wpcoder - מתכנת
אתרים
wpcoder – מתכנת
המתכנת הכי טוב שעבדתי איתו מאתר פייבר – מחירים זולים.

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

אלמנטור
Js
קרדיט: ישראל פאר
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
ווקומרס
Php
הצגת מוצרים במלאי תחילה בארכיון מוצרים
אלמנטור
Css
הפיכת ווידג'ט תיבת אייקון או תיבת תמונה ללחיצים
אלמנטור
Css
תמונת רקע בתוך טקסט באלמנטור
ווקומרס
Php
שינוי מצב הזמנה בווקומרס להושלם
ווקומרס
Php
ניקוי סל הקניות כשמוסיפים מוצר
חיפוש חופשי
חיפוש חכם ע"י AI (בהרצה)
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
הרשימה מתעדכנת כל הזמן - מומלץ לשמור את הדף במועדפים!
כדי לשמור את האתר לחצו על Ctrl+D במקלדת (במק D+⌘).