Перейти к содержимому


Добавить Checkbox


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 12

#1 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 30 Ноябрь 2015 - 22:47

Требуется:
1) Как сделать подсветку поля красным цветом если введено не правильное значение при оформлении заказа?
2) ФИО в форме заказа сменить на "Заказчик"
3)Добавить checkbox

Прикрепленные изображения

  • 3.jpg


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Декабрь 2015 - 02:18

В шаблоне Быстрый заказ найдите:
<!-- Если поле области запрашивается -->
		  {% IF SETTINGS_ORDER_FIELDS_REGION < 3 %}
			<li class="fields">
			  <label for="quickDeliveryRegion" {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}class="required"{% ENDIF %}>Имя получателя{% IF SETTINGS_ORDER_FIELDS_REGION=1 %}<em>*</em>{% ENDIF %}</label>
			  <div class="input-box">
				<input type="text" id="quickDeliveryRegion" name="form[delivery][region]" value="{ORDER_FORM_DELIVERY_REGION}" maxlength="255" class="inputText {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}required{% ENDIF %}"/>
			  </div>
			</li>
		  {% ENDIF %}

замените на:
<!-- Если поле области запрашивается -->
		  {% IF SETTINGS_ORDER_FIELDS_REGION < 3 %}
			<li class="fields">
			  <label for="quickDeliveryRegion" {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}class="required" required="required"{% ENDIF %}>Имя получателя{% IF SETTINGS_ORDER_FIELDS_REGION=1 %}<em>*</em>{% ENDIF %}</label>
			  <div class="input-box">
				<input type="text" id="quickDeliveryRegion" name="form[delivery][region]" value="{ORDER_FORM_DELIVERY_REGION}" maxlength="255" class="inputText {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}required{% ENDIF %}"/>
	<span><input type="checkbox" id="quickDeliveryName" value="Я получаю букет сам" />Я получаю букет сам</span>   
			  </div>
			</li>
		  {% ENDIF %}

далее найдите:
<!-- Если поле адреса доставки запрашивается -->
		  {% IF SETTINGS_ORDER_FIELDS_ADDRESS < 3 %}
			<li class="wide">
			  <label for="quickDeliveryAddress" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>Адрес доставки{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<em>*</em>{% ENDIF %}</label>
			  <div class="input-box">
				<textarea cols="100" rows="5" id="quickDeliveryAddress" name="form[delivery][address]" class="{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
			  </div> 
			</li>
		  {% ENDIF %}

замените на:
<!-- Если поле адреса доставки запрашивается -->
		  {% IF SETTINGS_ORDER_FIELDS_ADDRESS < 3 %}
			<li class="wide">
			  <label for="quickDeliveryAddress" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>Адрес доставки{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<em>*</em>{% ENDIF %}</label>
			  <div class="input-box">
				<textarea cols="100" rows="5" id="quickDeliveryAddress" name="form[delivery][address]" class="{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
	<span><input type="checkbox" id="quickDeliveryAdressName" value="Узнать адрес, созвонившись с получателейм" />Узнать адрес, созвонившись с получателем</span>
			  </div> 
			</li>
		  {% ENDIF %}

Далее найдите:
<label for="reg_name" class="required">ФИО <em>*</em></label>

замените на:
<label for="reg_name" class="required">Заказчик<em>*</em></label>


#3 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 01 Декабрь 2015 - 06:23

Ммм. моя вина не сказал про:
1) Если ставишь галочку "я получаю букет сам", то строки "имя получателя" и "телефон получателя" скрываются, так как эти данные берутся из строк выше
2) Если ставишь "узнать адрес у получателя", то убирается поле "адрес доставки"

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Декабрь 2015 - 02:53

В main.js после:
$(function() {
$(document).on('click', '.deliveryRadio', function() {
var courier_id = '298032';
var current_id = $(this).val();
$('.deliveryConvenientDate + li.wide').show();
$('.adress .fields').show();
if(current_id === courier_id) {
$('.deliveryConvenientDate + li.wide').hide();
$('.adress .fields').hide();
}
});
$('.deliveryRadio:checked').trigger('click');
});

пропишите:
$(function () {
  $(document).on('click', '#quickDeliveryName', function () {
	if ($(this).is(':checked')) {
	  $(this).closest('.input-box').find('#quickDeliveryRegion').hide().val('Я получаю букет сам');
	  $(this).closest('.fields').find('label').hide();
	} else {
	  $(this).closest('.input-box').find('#quickDeliveryRegion').show().val('');
	  $(this).closest('.fields').find('label').show();
	}
  });
});
$(function () {
  $(document).on('click', '#quickDeliveryAdressName', function () {
	if ($(this).is(':checked')) {
	  $(this).closest('.input-box').find('#quickDeliveryAddress').hide().text('Узнать адрес, созвонившись с получателем');
	  $(this).closest('.wide').find('label').hide();
	} else {
	  $(this).closest('.input-box').find('#quickDeliveryAddress').show().text('');
	  $(this).closest('.wide').find('label').show();
	}
  });
});


#5 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 02 Декабрь 2015 - 05:29

Прекрасно ток "телефон получателя"  не скрывается (который с адресом стоит рядом)

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Декабрь 2015 - 06:35

$(function () {
  $(document).on('click', '#quickDeliveryName', function () {
		if ($(this).is(':checked')) {
		  $(this).closest('.input-box').find('#quickDeliveryRegion').hide().val('Я получаю букет сам');
		  $(this).closest('.fields').find('label').hide();
		} else {
		  $(this).closest('.input-box').find('#quickDeliveryRegion').show().val('');
		  $(this).closest('.fields').find('label').show();
		}
  });
});

попробуйте заменить на:
$(function () {
  $(document).on('click', '#quickDeliveryName', function () {
		if ($(this).is(':checked')) {
		  $(this).closest('.input-box').find('#quickDeliveryRegion').hide().val('Я получаю букет сам');
		  $(this).closest('.fields').find('label').hide();
		  $(this).closest('.fields + li').hide();
		} else {
		  $(this).closest('.input-box').find('#quickDeliveryRegion').show().val('');
		  $(this).closest('.fields').find('label').show();
		  $(this).closest('.fields + li').show();
		}
  });
});


#7 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 02 Декабрь 2015 - 06:52

Теперь скрылись checkbox ы

Ой простите. Не то написал, с этим все норм, но теперь check адрес - не работает, и телефон также не скрывается(

А так же я просил 2ой пункт, а он по прежнему не работает(

2ой пункт из первого сообщения

#8 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Декабрь 2015 - 07:13

Отмените последнее изменение. В шаблоне Быстрый заказ найдите:
<label for="reg_name" class="required">Заказчик ФИО <em>*</em></label>

замените на:
<label for="reg_name" class="required">Заказчик<em>*</em></label>


#9 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 02 Декабрь 2015 - 07:42

Все равно не работает

#10 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 02 Декабрь 2015 - 17:41

Просмотр сообщенияСергей Иванов (02 Декабрь 2015 - 07:42) писал:

Все равно не работает
Здравствуйте, уточните, что именно у Вас не работает, на данный момент в форме Быстрого заказа, при выборе способа доставки Самовывоз, скрыт адрес доставки, в поле ввода информации о имени заказчика называется "Заказчик".

#11 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 02 Декабрь 2015 - 19:13

1)При выборе "я получаю букет сам" скрывается только поле "Имя получателя", а должно еще скрываться "Телефон получателя"
2) При выборе "узнать адрес у получателя" поле "адрес доставки" не скрывается, а должно

#12 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Декабрь 2015 - 01:28

$(function () {
  $(document).on('click', '#quickDeliveryName', function () {
				if ($(this).is(':checked')) {
				  $(this).closest('.input-box').find('#quickDeliveryRegion').hide().val('Я получаю букет сам');
				  $(this).closest('.fields').find('label').hide();
				} else {
				  $(this).closest('.input-box').find('#quickDeliveryRegion').show().val('');
				  $(this).closest('.fields').find('label').show();
				}
  });
});

замените на:
$(function () {
  $(document).on('click', '#quickDeliveryName', function () {
				if ($(this).is(':checked')) {
				  $(this).closest('.input-box').find('#quickDeliveryRegion').hide().val('Я получаю букет сам');
	  $(this).closest('.form-list').find('.fields:nth-child(2) #quickDeliveryCity').hide().val('Я получаю букет сам');
	  $(this).closest('.form-list').find('.fields:nth-child(2) label').hide();
				  $(this).closest('.fields').find('label').hide();
				} else {
				  $(this).closest('.input-box').find('#quickDeliveryRegion').show().val('');
				  $(this).closest('.fields').find('label').show();
	  $(this).closest('.form-list').find('.fields:nth-child(2) #quickDeliveryCity').show().val('');
	  $(this).closest('.form-list').find('.fields:nth-child(2) label').show();
				}
  });
});
$(function () {
  $(document).on('click', '#quickDeliveryAdressName', function () {
		if ($(this).is(':checked')) {
		  $(this).closest('.input-box').find('#quickDeliveryAddress').hide().text('Узнать адрес, созвонившись с получателем');
		  $(this).closest('.wide').find('label').hide();
		} else {
		  $(this).closest('.input-box').find('#quickDeliveryAddress').show().text('');
		  $(this).closest('.wide').find('label').show();
		}
  });
});


#13 Сергей Иванов

Сергей Иванов

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 567 сообщений

Отправлено 03 Декабрь 2015 - 05:32

ИДЕАЛЬНО!!!!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных