How to install Footer Bar

Footer Login/Logout Installation Tutorial

Adding a login/logout feature to your website footer is a simple yet powerful way to enhance user experience. It provides visitors with quick and easy access to essential account actions, improving navigation and accessibility. This tutorial will guide you step-by-step on how to seamlessly integrate the login/logout functionality into your website footer.

Whether you’re a beginner or an experienced developer, you’ll find clear instructions and helpful tips to get this feature up and running in no time. By the end of this guide, your website will have a professional, user-friendly footer that ensures smooth interaction for your users.

So lets get started.

Download the zip file and upload to your theme folder at /content/themes/default/templates or your current theme name.

Now open you _footer.tpl and add this code at the top

{include file='logout_footer.tpl'}

So it look like this 

{include file='logout_footer.tpl'}
<!-- ads -->
{include file='_ads.tpl' _ads=$ads_master['footer'] _master=true}
<!-- ads -->

No open /content/themes/default/css/style.css and add

/* Optional: Style the footer to match the background mode */
.mobile-footer {
    background-color: #f8f9fa; /* Light footer background */
    color: #333; /* Dark text for the footer */
}
/* Dark Mode Footer */
body.night-mode .mobile-footer {
    background-color: #000; /* Dark footer background */
    color: #fff; /* Light text for dark mode footer */
}

That is all you are done. 

Enjoy