Andrew S. (11 Май 2016 - 12:46) писал:
1. Главная ошибка в том, что если поставить и снять галочку, заказ уже всё равно может быть оформлен при снятой галочке, а нужно, чтобы без снятой галочки он никак не мог быть оформлен.
Если снять галочку с "я хочу зарегистрироваться" - он не будет требовать вводить e-mail и свернёт окошко с паролем.
2. Нет подчёркивания под "
политикой конфиденциальности".
И давайте также сделаем красную звёздочку справа с пробелом, что обязательно соглашаться или идти мимо.
3. И можно ли сделать так, чтобы все звёздочки были красными, как в начале? Только не принудительно, а автоматически, т.к. в настройках админки можно менять и могут быть изменены обязательные поля ввода.
zvezdochki.png
Также красиво с пробелом как после "ФИО" и "Телефон для связи".
4. И чтобы заголовки способов оплаты были такими же как заголовки в способах доставки:
zagolovki.png
5. Подскажите, куда пропадают/исчезают стили, оформленные в админке? Как сделать так, чтобы это работало?
oplata1.png oplata2.png
1)В шаблоне Быстрый заказ найдите блок
$(function(){
$('.quickOk').attr('disabled', 'disabled');
$('#s1').click(function(){
$('.quickOk').removeAttr('disabled');
});
});
и замените его на
$(function(){
$('.quickOk').attr('disabled', 'disabled');
$('#s1').click(function(){
if($(this).hasClass('checked')){
$(this).removeClass('checked');
$('.quickOk').attr('disabled', 'disabled');
}else{
$(this).addClass('checked');
$('.quickOk').removeAttr('disabled');
}
});
});
2) В том же шаблоне найдите строку
<input type="checkbox" id="s1" /><label style="vertical-align: middle; margin-left: 10px; width: 80%; display: inline-block; float: none;" for="s1">Я соглашаюсь с <a href="http://{NET_DOMAIN}/page/politika-konfidencialnosti" target="_blank">политикой конфиденциальности</a></label>
и замените ее на
<input type="checkbox" id="s1" /><label style="vertical-align: middle; margin-left: 10px; width: 80%; display: inline-block; float: none;" for="s1">Я соглашаюсь с <a href="http://{NET_DOMAIN}/page/politika-konfidencialnosti" target="_blank" class="politConf">политикой конфиденциальности</a> <span style="color:#da3b44">*</span></label>
Далее в самый конец файла main.css добавьте блок
.politConf{text-decoration:underline;}
3),5) В конец файла main.css добавьте блок
label.required em {
color: #da3b44;
}
.orderStagePaymentListTable ul {
list-style-type: disc;
padding: 0 40px;
}
6) В том же файле main.css найдите блок
.formList li {
display: inline-block;
width: 100%;
padding: 0 0 0.6em 0;
}
и замените его на
.formList li {
display: inline-block;
/* width: 100%; */
padding: 0 0 0.6em 0;
}
А вот с переносом пароля возникают проблемы при уменьшении экрана. Т.е необходимо будет переписать адаптивность этого блока "Укажите ФИО ... " в формочке целиком. Если Вы согласны немного подождать, то мы реализуем это.
7) В шаблоне Быстрый заказ найдите блок
<!-- Если поле даты доставки запрашивается -->
{% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME<3 %}
<li class="fields">
<div class="field">
<label for="quickDeliveryConvenientDate" {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}class="required"{% ENDIF %}>Удобная дата доставки (дд.мм.гггг){% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}<em>*</em>{% ENDIF %}</label>
<div class="input-box">
<input type="date" id="quickDeliveryConvenientDate" name="form[delivery][convenient_date]" value="{ORDER_FORM_DELIVERY_CONVENIENT_DATE}" class="input-text {% IF SETTINGS_ORDER_FIELDS_CONVENIENT_TIME=1 %}required{% ENDIF %}" maxlength="10" minlength="10" />
</div>
</div>
</li>
и сразу после него вставьте строку
<li class="clear"></li>
Далее в файле main.css найдите блок
#oformZakazAjaxBlock .form-list .fields {
float: left;
width: 100%;
}
и замените его на
#oformZakazAjaxBlock .form-list .fields {
float: left;
/* width: 100%; */
height: 59px;
margin-right: 15px;
}
0
Там в ряд было. Сейчас тут неразбериха.
