Sacrat32
-
Публікації
2 -
З нами
-
Відвідування
Тип публікації
Профілі
Форум
Маркетплейс
Статті
FAQ
Наші новини
Магазин
Блоги
module__dplus_manager
Повідомлення, опубліковані користувачем 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>
Как сделать попап окно для Логина и Регистрации?
в Opencart 2.x: Пісочниця
Опубліковано:
Всем привет кто может помочь или подсказать? как сделать попап окно для логина и регистрации не для 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_header
<ul>
<li><a href="#modal_login">Личный кабинет</a></li>
<li><a href="#modal_reg">Регистрация</a></li>
</ul>
в footer Форма
<!-- !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>