Как сделать попап окно для Логина и Регистрации

[Sacrat32]

Всем привет кто может помочь или подсказать? как сделать попап окно для логина и регистрации не для default темы в опенкарт 3.

Вот как у меня в html шаблоне сделано.  надо подключить регистрацию опенкарт 3 чтоб работало но было в попап окне 

в header.twig

    <link rel="stylesheet" href="css/remodal.css">
    <link rel="stylesheet" href="css/remodal-default-theme.css">
    <link rel="stylesheet" href="css/style.css">

top_heade

              <ul>
                <li><a href="#modal_login">Личный кабинет</a></li>
                <li><a href="#modal_reg">Регистрация</a></li>
              </ul>

Форма 

    <!-- !CUSTOM CODE! -->
      <!--Modal box LOGIN START-->
      <div class="remodal" data-remodal-id="modal_login">
        <h3 class="login_modalbox">Личный кабинет</h3>
        <input type="email" class="input_modal" name="user_email" placeholder="Ваш E-mail">
        <input type="password" class="input_modal" name="user_password" placeholder="Пароль">
        <a href="#" class="lost_password">Забыли пароль?</a>
        <p class="p_modal">
          Это персональный раздел клиента с возможностью просмотра сделанных заказов, быстрого оформления новых заказов, а так же настройкой профиля.
        </p>
        <button data-remodal-action="cancel" class="remodal-cancel">Отмена</button>
        <button data-remodal-action="confirm" class="remodal-confirm">Войти</button>
      </div>
      <!--Modal box LOGIN END-->
      <!--Modal box LOGIN START-->
      <div class="remodal" data-remodal-id="modal_reg">
        <h3 class="login_modalbox">Регистрация</h3>
        <input type="email" class="input_modal" name="user_email" placeholder="Ваш E-mail">
        <p class="p_modal">
          Укажите ваш почтовый ящик. На него будет отправлено письмо с дальнейшими инструкциями.
        </p>
        <button data-remodal-action="cancel" class="remodal-cancel">Отмена</button>
        <button data-remodal-action="confirm" class="remodal-confirm">Далее</button>
      </div>

 

в footer 

    <script src="catalog/view/theme/start/js/remodal.min.js"></script>
    <script src="catalog/view/theme/start/js/script.js"></script>

    <script src="catalog/view/theme/start/js/common.js"></script>

 

Змінено 21 лютого 2018 користувачем Sacrat32