Концепт. Феникс

Страница авторизации /auth/

В файле /auth/index.php размещаем комопнент модуля в дополнение к используемому.

Должно получbться примерно так

<?
require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/header.php");
$APPLICATION->SetTitle("Авторизация");
?>


<? $APPLICATION->IncludeComponent(
    "bitrix:system.auth.form",
    "auth2",
    array(
        "COMPONENT_TEMPLATE" => "auth",
        "PROFILE_URL" => "/personal/",
        "SHOW_ERRORS" => "N",
        "COMPOSITE_FRAME_MODE" => "N"
    ),
    false
); ?>
<?
// подключение компонента модуля входа по ID
if (\Bitrix\Main\Loader::includeModule('bxmaker.authid')
    && \BXmaker\AuthID\Manager::getInstance()->option()->isEnabled()) {
    ?>
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6 col-12">
                <?
                $APPLICATION->IncludeComponent(
                    'bxmaker:authid.area',
                    '',
                    [
                        'SHOW_LINE' => 'Y'
                    ]
                );
                ?>
            </div>
        </div>
    </div>
    <br>
    <br>
    <br>
    <?
}
// конец подключения компонента модуля входа по ID
?>
<? require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/footer.php"); ?>

Для замены нужно внести изменения в шаблон комопнента атворизации, который находится в шаблоне сайта. В данном случа вносим изменения в файл bitrix/templates/concept_phoenix_s1/components/bitrix/system.auth.form/auth/template.php

Сделать копию файла до изменений, а также копию после. Чтоыб в случае обнволения решения бытсро вернуть изменения.

Приводим примерно к следующему виду

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
<?$this->SetFrameMode(true);?>

<?//if($arResult["FORM_TYPE"] == "login"):?>

<?global $PHOENIX_TEMPLATE_ARRAY;?>

<?
$picture = (strlen($PHOENIX_TEMPLATE_ARRAY["ITEMS"]["PERSONAL"]["ITEMS"]["FORM_PIC"]["VALUE"]))? true : false;
?>

    <div class="phx-modal-dialog" data-target = "auth-modal-dialog">
        <div class="dialog-content">
            <a class="close-phx-modal-dialog" data-target = "auth-modal-dialog"></a>

            <div class="auth-dialog-form <?=($picture)? "with-pic" : "";?>">

                <div class="row no-gutters">

                    <?if($picture):?>

                        <div class="col-md-7 hidden-sm hidden-xs picture" style="background-image: url(<?=$PHOENIX_TEMPLATE_ARRAY["ITEMS"]["PERSONAL"]["ITEMS"]["FORM_PIC"]["SETTINGS"]["SRC"]?>);"></div>

                    <?endif;?>

                    <div class="<?=($picture)? "col-md-5": "";?> col-12">
                        <form class="form auth" action="#">

                            <div class="title-form main1">
                                <?=$PHOENIX_TEMPLATE_ARRAY["MESS"]["PERSONAL_LOGIN_TITLE"]?>
                            </div>

                            <?if(strlen($PHOENIX_TEMPLATE_ARRAY["ITEMS"]["PERSONAL"]["ITEMS"]["FORM_AUTH_SUBTITLE"]["VALUE"])):?>

                                <div class="subtitle-form"><?=$PHOENIX_TEMPLATE_ARRAY["ITEMS"]["PERSONAL"]["ITEMS"]["FORM_AUTH_SUBTITLE"]["~VALUE"]?></div>

                            <?endif;?>

                            <div class="inputs-block">

                                <div class="input">
                                    <div class="bg"></div>
                                    <span class="desc"><?=$PHOENIX_TEMPLATE_ARRAY["MESS"]["PERSONAL_LOGIN_INPUT"]?></span>
                                    <input class='focus-anim require' name="auth-login" type="text" value="" />
                                </div>
                                <div class="input">
                                    <div class="bg"></div>
                                    <span class="desc"><?=$PHOENIX_TEMPLATE_ARRAY["MESS"]["PERSONAL_PASSWORD_INPUT"]?></span>
                                    <input class='focus-anim require' name="auth-password" type="password" />
                                </div>
                                <div class="errors"></div>

                                <div class="input-btn">
                                    <div class="load">
                                        <div class="xLoader form-preload"><div class="audio-wave"><span></span><span></span><span></span><span></span><span></span></div></div>
                                    </div>
                                    <button class="button-def main-color big active <?=$PHOENIX_TEMPLATE_ARRAY["ITEMS"]["DESIGN"]["ITEMS"]['BTN_VIEW']['VALUE']?> auth-submit" name="form-submit" type="button"><?=$PHOENIX_TEMPLATE_ARRAY["MESS"]["PERSONAL_BTN_ENTER"]?></button>
                                </div>
                            </div>

                            <div class="input txt-center">
                                <a class="forgot" href="<?=$PHOENIX_TEMPLATE_ARRAY["ITEMS"]["PERSONAL"]["ITEMS"]["FORGOT_PASSWORD_URL"]["VALUE"]?>"><span class="bord-bot"><?=$PHOENIX_TEMPLATE_ARRAY["ITEMS"]["PERSONAL"]["ITEMS"]["FORGOT_PASSWORD_URL"]["DESCRIPTION"]?></span></a>
                            </div>

                            <?/*<div class="soc-enter">
                                <div class="soc-enter-title">
                                    <div class="soc-enter-line"></div>
                                    <div class="soc-enter-text"><?=$PHOENIX_TEMPLATE_ARRAY["MESS"]["PERSONAL_AUTH_FORM_SOC"]?></div>
                                </div>
                                <div class="soc-enter-items">
                                    <a href="#" class="soc-enter-item"></a>
                                    <a href="#" class="soc-enter-item"></a>
                                </div>
                            </div>*/?>
                        </form>

                        <div class="register row no-margin">
                            <div class="col-12">

                                <a href="<?=$PHOENIX_TEMPLATE_ARRAY["ITEMS"]["PERSONAL"]["ITEMS"]["REGISTER_URL"]["VALUE"]?>"><span class="bord-bot"><?=$PHOENIX_TEMPLATE_ARRAY["ITEMS"]["PERSONAL"]["ITEMS"]["REGISTER_URL"]["DESCRIPTION"]?></span></a>

                            </div>
                        </div>

                        <?
                        // подключение компонента модуля входа по ID
                        if(\Bitrix\Main\Loader::includeModule('bxmaker.authid')
                            && \BXmaker\AuthID\Manager::getInstance()->option()->isEnabled()){
                            ?>

                            <div style="padding:0 16px;margin-top:-16px;">
                                <?
                                $APPLICATION->IncludeComponent(
                                    'bxmaker:authid.area',
                                    '',
                                    [
                                        'SHOW_LINE' => 'Y',
                                        'RAND_STRING' => 'popup'
                                    ]
                                )
                                ?>
                            </div>
                            <?
                        }
                        // конец подключения компонента модуля входа по ID
                        ?>

                    </div>

                </div>

            </div>
        </div>
    </div>

<?//endif;?>

Результат

Вариант отображения

Концепт. Феникс

Страница авторизации /auth/

Вараинт результата

Дополнение в попап окно

Результат