Сообщений в теме: 12

[tolikkansk]

Кто может подсказать, где имеется хорошая инструкция установки всплывающего окна регистрации??? Заранее спасибо!

[Vaccina]

Может лучше реализовать по аналогии с поиском и контактами? В шапку добавить иконку и при нажатии будет отображаться форма с полями для входа. Так как у вас уже имеется всплывающее стандартное окно.

[tolikkansk]

Vaccina (10 Февраль 2015 - 01:36) писал:

Может лучше реализовать по аналогии с поиском и контактами? В шапку добавить иконку и при нажатии будет отображаться форма с полями для входа. Так как у вас уже имеется всплывающее стандартное окно.

Просто я хочу провести акцию: кто зарегистрируется с такого по такое число получит купон на скидку

[Vaccina]

Тут, как вариант, вручную отслеживать новых зарегистрированных, ранее зарегистрированных по группам распределить, а для новых можно создать отдельную группу клиентов и на них распространить скидку через редактирование группы

[tolikkansk]

Vaccina (10 Февраль 2015 - 07:39) писал:

Тут, как вариант, вручную отслеживать новых зарегистрированных, ранее зарегистрированных по группам распределить, а для новых можно создать отдельную группу клиентов и на них распространить скидку через редактирование группы

Идея хорошо, а это возможно реализовать?

[Danil]

tolikkansk (10 Февраль 2015 - 07:44) писал:

Идея хорошо, а это возможно реализовать?

Здравствуйте.
Сообщение 4 - это и есть реализация вашей идеи(другими словами инструкция).
Редактирование группы находится в разделе Заказы-Клиенты.

[tolikkansk]

Danil (10 Февраль 2015 - 09:46) писал:

Здравствуйте.
Сообщение 4 - это и есть реализация вашей идеи(другими словами инструкция).
Редактирование группы находится в разделе Заказы-Клиенты.

То есть я создаю всплывающее окно с регистрацией, и если человек уже зарегистрирован, то ему высвечивается сообщение, что он уже зарегистрирован, так получается?

[tolikkansk]

Несколько вопросов: когда я создаю список клиентов и устанавливаю скидку, она одноразовая или постоянная?

Второй: я поставил всплывающее окно с регистрацией, может помочь сделать следующее: если все хорошо,то закрывается окно с регистрацией и появляется окошко, все хорошо(вы зарегистрировались). Если такой e-mail уже есть, то появляется окошко все плохо(с таким майлом уже есть) и переносит автоматически на страницу регистрации и в полях старые данные(которые были введены во всплывающем окне)

[Vaccina]

Скидка на группу клиентов постоянная, можно создать только одноразовый купон.

На счет закрытия всплывающего окна при отправки формы вам ответили в следующей теме:
http://forum.storela...be/#entry187077

[tolikkansk]

Vaccina (10 Февраль 2015 - 01:36) писал:

Может лучше реализовать по аналогии с поиском и контактами? В шапку добавить иконку и при нажатии будет отображаться форма с полями для входа. Так как у вас уже имеется всплывающее стандартное окно.

а как это можно сделать? у меня есть вверху вход в ЛК

[tolikkansk]

Vaccina (10 Февраль 2015 - 01:36) писал:

Может лучше реализовать по аналогии с поиском и контактами? В шапку добавить иконку и при нажатии будет отображаться форма с полями для входа. Так как у вас уже имеется всплывающее стандартное окно.

а как это можно сделать? у меня есть вверху вход в ЛК

Модераторы.... несерьезно как-то, такое ощущение, что мой аккаунт просто игнорят

[tolikkansk]

Vaccina (10 Февраль 2015 - 01:36) писал:

Может лучше реализовать по аналогии с поиском и контактами? В шапку добавить иконку и при нажатии будет отображаться форма с полями для входа. Так как у вас уже имеется всплывающее стандартное окно.

Yt

tolikkansk (17 Март 2015 - 23:46) писал:

а как это можно сделать? у меня есть вверху вход в ЛК

Модераторы.... несерьезно как-то, такое ощущение, что мой аккаунт просто игнорят

Не подскажете как?

[Vaccina]

В шаблоне HTML после:

<!-- Иконка сравнения -->
					 <div class="compare-header hidden-600">
					 <a href="{COMPARE_URL}" title="Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}">
						 <span class="icon-loop"><span class="compare-count">{COMPARE_GOODS_COUNT}</span></span>
					 </a>
					 </div>
					 {% ENDIF %}
					 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->

расположите:

<!-- Иконка лк -->
					 <div class="lk-header hidden-600">
					 <a href="#" title="Вход в ЛК">
						 <span class="icon-user"></span>
					 </a>
					 </div>

Далее в main.css найдите:

.phone-header, .search-header, .compare-header {border-right: 1px solid #ccc;color: #1e1e1e;display: inline-block;height: 30px;margin: 8px 0;position: relative;text-align: center;vertical-align: top;width: 30px;}

замените на:

.lk-header, .phone-header, .search-header, .compare-header {border-right: 1px solid #ccc;color: #1e1e1e;display: inline-block;height: 30px;margin: 8px 0;position: relative;text-align: center;vertical-align: top;width: 30px;}

далее найдите:

.phone-header a, .search-header a, .compare-header a {display: block;height: 23px;padding-top: 7px;width: 100%;text-decoration:none;overflow: visible;opacity: 1;filter: alpha(opacity=100);-webkit-transition: all .3s linear;transition: all .3s linear;-webkit-transform: translateZ(0px);}
.phone-header a:hover, .search-header a:hover, .compare-header a:hover {opacity: .5;filter: alpha(opacity=50);-webkit-transition: all .3s linear;transition: all .3s linear;text-decoration:none;}

замените на:

.lk-header a, .phone-header a, .search-header a, .compare-header a {display: block;height: 23px;padding-top: 7px;width: 100%;text-decoration:none;overflow: visible;opacity: 1;filter: alpha(opacity=100);-webkit-transition: all .3s linear;transition: all .3s linear;-webkit-transform: translateZ(0px);}
.lk-header a:hover, .phone-header a:hover, .search-header a:hover, .compare-header a:hover {opacity: .5;filter: alpha(opacity=50);-webkit-transition: all .3s linear;transition: all .3s linear;text-decoration:none;}

далее найдите:

.icon-heart2, .icon-heart-o, .icon-loop, .icon-trashcan, .icon-mobile, .icon-magnifier, .icon-basket {font-size:20px;color:#00c59c;}

замените на:

.icon-user, .icon-heart2, .icon-heart-o, .icon-loop, .icon-trashcan, .icon-mobile, .icon-magnifier, .icon-basket {font-size:20px;color:#00c59c;}

Далее найдите:

.phone-active, .search-active {bottom: 0;display: none;margin: 18px 0;overflow: hidden;position: absolute !important;right: 0;top: 0;z-index: 920;}
.phone-active .close, .search-active .close {float: right;font-size: 26px;margin: 24px 0 0 5px;}
.phone-active .close span, .search-active .close span {line-height: 18px;margin-right: 5px;margin-top: 0;text-transform: uppercase;}

замените на:

.lk-active, .phone-active, .search-active {bottom: 0;display: none;margin: 18px 0;overflow: hidden;position: absolute !important;right: 0;top: 0;z-index: 920;}
.lk-active .close, .phone-active .close, .search-active .close {float: right;font-size: 26px;margin: 24px 0 0 5px;}
.lk-active .close span, .phone-active .close span, .search-active .close span {line-height: 18px;margin-right: 5px;margin-top: 0;text-transform: uppercase;}

далее найдите:

.phone-active, .search-active {left: 0;width: auto;}

замените на:

.lk-active, .phone-active, .search-active {left: 0;width: auto;}

далее найдите:

.phone-active, .search-active {left: 10px;padding: 0;right: 10px;}

замените на:

.lk-active, .phone-active, .search-active {left: 10px;padding: 0;right: 10px;}

далее найдите:

.search-active.col-sm-10.col-md-10.open {background:#fff;}

замените на:

.lk-active.col-sm-10.col-md-10.open, .search-active.col-sm-10.col-md-10.open {background:#fff;}

После этих изменений возле иконок сравнения и корзины появится иконка ЛК, теперь нам необходимо при клике на него выводить блок, в шаблоне HTML после:

<!-- /END Каталог в меню -->
				 </div>
			 </div>
			 <!-- Центральная часть шапки -->

вставьте:

<!-- ЛК при нажатии -->
			 <div class="lk-active col-sm-10 col-md-10">
				 <a href="#" class="close"><span>Закрыть</span>×</a>
				 <form action="{USER_LOGIN_URL}" method="post" class="clientForm">
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="from" value="{FROM}" />

<div class="row">
	 <div class="login">
	 <div class="login-form">
		 <div class="form-list">
			 <label for="email" class="required">E-mail: <em>*</em></label>
			 <input type="text" name="form[sites_client_mail]" value="{FORM_SITES_CLIENT_MAIL}" id="email" maxlength="255" class="input-text email" />
			 <label for="sites_client_pass" class="required">Пароль: <em>*</em></label>
			 <input type="password" id="sites_client_pass" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" class="input-text" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/>
			 <button type="submit" class="button btn" title="Login" name="send" id="send2">Войти</button>
		 </div>
		 </div>
	 </div>
</div>
</form>
			 </div>

Далее в main.js найдите:

//Header Phone & Search
$('.phone-header > a').click(function(event){
event.preventDefault();
$('.btn-group').removeClass('open');
$('.phone-active').fadeIn().addClass('open');
});
$('.search-header > a').click(function(event){
event.preventDefault();
$('.btn-group').removeClass('open');
$('.search-active').fadeIn().addClass('open');
});

$('.phone-active .close, .search-active .close').click(function(event){
event.preventDefault();
$(this).parent().fadeOut().removeClass('open');
});

$('body').on('click', function(event) {
var phone = '.phone-active',
search = '.search-active';

if ((!$(event.target).is(phone + ' *')) && (!$(event.target).is('.phone-header *'))) {
if ($(phone).hasClass('open')) {
$(phone).fadeOut().removeClass('open');
}
}
if ((!$(event.target).is(search + ' *')) && (!$(event.target).is('.search-header *'))) {
if ($(search).hasClass('open')) {
$(search).fadeOut().removeClass('open');
}
}
});

замените на:

//Header Phone & Search & Lk
$('.phone-header > a').click(function(event){
event.preventDefault();
$('.btn-group').removeClass('open');
$('.phone-active').fadeIn().addClass('open');
});
$('.lk-header > a').click(function(event){
event.preventDefault();
$('.btn-group').removeClass('open');
$('.lk-active').fadeIn().addClass('open');
});
$('.search-header > a').click(function(event){
event.preventDefault();
$('.btn-group').removeClass('open');
$('.search-active').fadeIn().addClass('open');
});

$('.lk-active .close, .phone-active .close, .search-active .close').click(function(event){
event.preventDefault();
$(this).parent().fadeOut().removeClass('open');
});

$('body').on('click', function(event) {
var phone = '.phone-active',
search = '.search-active',
lk = '.lk-active';

if ((!$(event.target).is(phone + ' *')) && (!$(event.target).is('.phone-header *'))) {
if ($(phone).hasClass('open')) {
$(phone).fadeOut().removeClass('open');
}
}
if ((!$(event.target).is(search + ' *')) && (!$(event.target).is('.search-header *'))) {
if ($(search).hasClass('open')) {
$(search).fadeOut().removeClass('open');
}
}
if ((!$(event.target).is(lk + ' *')) && (!$(event.target).is('.lk-header *'))) {
if ($(lk).hasClass('open')) {
$(lk).fadeOut().removeClass('open');
}
}
});

P.S.: в инструкции изменения проводились на стандартном шаблоне Нефрит, если у вас не совпадают стили, то ищите похожее, работать должно как при клике на стандартную иконку поиска