Joomla! Template Override:

Login mit Bootstrap 3


Override des Login Moduls mit Felder und Icons von Bootstrap 3. Es funktioniert in Templates, die bereits Bootstrap 3 enthalten.

Die Datei default.php unter / templates / meintemplate / html / mod_login / speichern.

Benötigte Override-Dateien


  • <?php
    /**
     * @package Joomla.Site
     * @subpackage mod_login
     *
     * @copyright Copyright (C) 2005 - 2015 Open Source Matters, Inc. All rights reserved.
     * @license GNU General Public License version 2 or later; see LICENSE.txt
     */
    defined('_JEXEC') or die;
    require_once JPATH_SITE . '/components/com_users/helpers/route.php';
    JHtml::_('behavior.keepalive');
    JHtml::_('bootstrap.tooltip');
    ?>
    <form action="<?php echo JRoute::_(JUri::getInstance()->toString(), true, $params->get('usesecure')); ?>" method="post" id="login-form" class="form-horizontal">
     <?php if ($params->get('pretext')) : ?>
     <div class="pretext">
     <p><?php echo $params->get('pretext'); ?></p>
     </div>
     <?php endif; ?>
     <div class="userdata">
     <div id="form-login-username" class="form-group">
     <div class="controls">
     <?php if (!$params->get('usetext')) : ?>
     <div class="input-group">
     <span class="input-group-addon">
     <span class="fa fa-user hasTooltip" title="<?php echo JText::_('MOD_LOGIN_VALUE_USERNAME') ?>"></span>
     <label for="modlgn-username" class="element-invisible sr-only"><?php echo JText::_('MOD_LOGIN_VALUE_USERNAME'); ?></label>
     </span>
     <input id="modlgn-username" type="text" name="username" class="input-sm form-control" tabindex="0" size="18" placeholder="<?php echo JText::_('MOD_LOGIN_VALUE_USERNAME') ?>" />
     </div>
     <?php else: ?>
     <label class="sr-only" for="modlgn-username"><?php echo JText::_('MOD_LOGIN_VALUE_USERNAME') ?></label>
     <input id="modlgn-username" type="text" name="username" class="input-sm form-control" tabindex="0" size="18" placeholder="<?php echo JText::_('MOD_LOGIN_VALUE_USERNAME') ?>" />
     <?php endif; ?>
     </div>
     </div>
     <div id="form-login-password" class="form-group">
     <div class="controls">
     <?php if (!$params->get('usetext')) : ?>
     <div class="input-group">
     <span class="input-group-addon">
     <span class="fa fa-lock hasTooltip" title="<?php echo JText::_('JGLOBAL_PASSWORD') ?>">
     </span>
     <label for="modlgn-passwd" class="element-invisible sr-only"><?php echo JText::_('JGLOBAL_PASSWORD'); ?>
     </label>
     </span>
     <input id="modlgn-passwd" type="password" name="password" class="input-sm form-control" tabindex="0" size="18" placeholder="<?php echo JText::_('JGLOBAL_PASSWORD') ?>" />
     </div>
     <?php else: ?>
     <label class="sr-only" for="modlgn-passwd"><?php echo JText::_('JGLOBAL_PASSWORD') ?></label>
     <input id="modlgn-passwd" type="password" name="password" class="input-sm form-control" tabindex="0" size="18" placeholder="<?php echo JText::_('JGLOBAL_PASSWORD') ?>" />
     <?php endif; ?>
     </div>
     </div>
     <?php if (count($twofactormethods) > 1): ?>
     <div id="form-login-secretkey" class="form-group">
     <div class="controls">
     <?php if (!$params->get('usetext')) : ?>
     <div class="input-group">
     <span class="input-group-addon">
     <span class="fa fa-star hasTooltip" title="<?php echo JText::_('JGLOBAL_SECRETKEY'); ?>">
     </span>
     <label for="modlgn-secretkey" class="element-invisible sr-only"><?php echo JText::_('JGLOBAL_SECRETKEY'); ?>
     </label>
     </span>
     <input id="modlgn-secretkey" autocomplete="off" type="text" name="secretkey" class="input-sm form-control" tabindex="0" size="18" placeholder="<?php echo JText::_('JGLOBAL_SECRETKEY') ?>" />
     <span class="input-group-addon btn width-auto hasTooltip" title="<?php echo JText::_('JGLOBAL_SECRETKEY_HELP'); ?>">
     <span class="fa fa-question-circle"></span>
     </span>
     </div>
     <?php else: ?>
     <label for="modlgn-secretkey"><?php echo JText::_('JGLOBAL_SECRETKEY') ?></label>
     <input id="modlgn-secretkey" autocomplete="off" type="text" name="secretkey" class="input-sm" tabindex="0" size="18" placeholder="<?php echo JText::_('JGLOBAL_SECRETKEY') ?>" />
     <span class="btn width-auto hasTooltip" title="<?php echo JText::_('JGLOBAL_SECRETKEY_HELP'); ?>">
     <span class="fa fa-question-circle"></span>
     </span>
     <?php endif; ?>
    
    </div>
     </div>
     <?php endif; ?>
     <?php if (JPluginHelper::isEnabled('system', 'remember')) : ?>
     <div id="form-login-remember" class="form-group checkbox">
     <div class="checkbox">
     <label for="modlgn-remember" class="control-label"><input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes"/><?php echo JText::_('MOD_LOGIN_REMEMBER_ME') ?></label> 
     </div>
     </div>
     <?php endif; ?>
     <div id="form-login-submit" class="form-group">
     <div class="controls">
     <button type="submit" tabindex="0" name="Submit" class="btn btn-primary"><?php echo JText::_('JLOGIN') ?></button>
     </div>
     </div>
     <?php
     $usersConfig = JComponentHelper::getParams('com_users'); ?>
     <ul class="unstyled">
     <?php if ($usersConfig->get('allowUserRegistration')) : ?>
     <li>
     <a href="/<?php echo JRoute::_('index.php?option=com_users&view=registration&Itemid=' . UsersHelperRoute::getRegistrationRoute()); ?>">
     <?php echo JText::_('MOD_LOGIN_REGISTER'); ?> <span class="fa fa-arrow-circle-right"></span></a>
     </li>
     <?php endif; ?>
     <li>
     <a href="/<?php echo JRoute::_('index.php?option=com_users&view=remind&Itemid=' . UsersHelperRoute::getRemindRoute()); ?>">
     <?php echo JText::_('MOD_LOGIN_FORGOT_YOUR_USERNAME'); ?> <span class="fa fa-arrow-circle-right"></span></a>
     </li>
     <li>
     <a href="/<?php echo JRoute::_('index.php?option=com_users&view=reset&Itemid=' . UsersHelperRoute::getResetRoute()); ?>">
     <?php echo JText::_('MOD_LOGIN_FORGOT_YOUR_PASSWORD'); ?> <span class="fa fa-arrow-circle-right"></span></a>
     </li>
     </ul>
     <input type="hidden" name="option" value="com_users" />
     <input type="hidden" name="task" value="user.login" />
     <input type="hidden" name="return" value="<?php echo $return; ?>" />
     <?php echo JHtml::_('form.token'); ?>
     </div>
     <?php if ($params->get('posttext')) : ?>
     <div class="posttext">
     <p><?php echo $params->get('posttext'); ?></p>
     </div>
     <?php endif; ?>
    </form>





Fehler melden

Bitte beachte unsere Datenschutzerklärung

Alle mit * markierten Felder werden benötigt um eine E-Mail zu senden.