Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Изменить Размер Окон Для Ввода Комментария И Адреса Доставки

Автор La_Primavera, 30 сент. 2014 15:28

Авторизуйтесь для ответа в теме

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

#1 La_Primavera

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

Пользователи
315 сообщений

Отправлено 30 Сентябрь 2014 - 15:28

Здравствуйте! В при оформлении заказа на шаге 2 возникает 2 проблемы. Помогите, пожалуйста, исправить.

1) Нужно форматирование по ширине там, где выбор способа доставки - нужно перенести точки с выбором способа и широкое пространство оставить для описания способа, а то сейчас много строк, а слева пусто.

2) Блок с комментарием и адресом нужно сделать шире, как строки с ФИО и др. и больше по высоте в 2 раза.

Спасибо! Сайт

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

Наверх

#2 AnnaM

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

Пользователи
1 040 сообщений

Отправлено 30 Сентябрь 2014 - 15:44

La_Primavera (30 Сентябрь 2014 - 15:28) писал:

Здравствуйте! В при оформлении заказа на шаге 2 возникает 2 проблемы. Помогите, пожалуйста, исправить.

1) Нужно форматирование по ширине там, где выбор способа доставки - нужно перенести точки с выбором способа и широкое пространство оставить для описания способа, а то сейчас много строк, а слева пусто.

2) Блок с комментарием и адресом нужно сделать шире, как строки с ФИО и др. и больше по высоте в 2 раза.

Спасибо! Сайт

1) в файле style.css замените

.contentContainer.order-step input {
width: 375px;
}

на

.contentContainer.order-step {
width: 840px;
}

2) в файле style.css вконец вставьте

input#deliveryRegion, input#deliveryCity, input#deliveryZipCode {
width: 300px;
}

Наверх

#3 La_Primavera

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

Пользователи
315 сообщений

Отправлено 01 Октябрь 2014 - 09:24

Получилась разная длина на шаге 2. А в шаге 1 очень короткие стали строки. Помогите сделать хорошо.

Наверх

#4 Alekseys

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

Пользователи
2 355 сообщений

Отправлено 01 Октябрь 2014 - 10:52

La_Primavera (01 Октябрь 2014 - 09:24) писал:

Получилась разная длина на шаге 2. А в шаге 1 очень короткие стали строки. Помогите сделать хорошо.

Здравствуйте. В style.css замените

.input-box textarea {
width: 313px;
}

на

.input-box textarea {
width: 294px;
}

1. Уточните на скриншоте, как они должны выглядеть.

Наверх

#5 La_Primavera

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

Пользователи
315 сообщений

Отправлено 01 Октябрь 2014 - 11:15

Так нормально! Спасибо! А как такую же длину строки установить на шаге 1?

Наверх

#6 AnnaM

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

Пользователи
1 040 сообщений

Отправлено 01 Октябрь 2014 - 11:42

La_Primavera (01 Октябрь 2014 - 11:15) писал:

Так нормально! Спасибо! А как такую же длину строки установить на шаге 1?

В конец файла style.css добавьте

input#reg_name, input#contactEmail, input#sites_client_phone {
width: 300px;
}

Наверх

#7 La_Primavera

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

Пользователи
315 сообщений

Отправлено 01 Октябрь 2014 - 12:14

Спасибо!

Наверх

#8 autopards

Пользователь

Пользователи
43 сообщений

Отправлено 20 Июнь 2016 - 16:50

Здравствуйте! Нужна помощь. Можно ли сделать так, чтобы при выборе способа доставки "самовывоз" форма с адресом доставки не отображалась (чтобы было пустое поле)? Т.е., чтобы форма была видна только при способе "доставка курьером" (привязана к нему).

Сделала по инструкции отсюда. Но это делает возможным не заполнять обязательные поля при шаге 2 оформления заказа, вне зависимости от выбранного способа доставки. Такой вариант не подходит.

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

Наверх

#9 autopards

Пользователь

Пользователи
43 сообщений

Отправлено 20 Июнь 2016 - 17:35

Еще, хочется сделать контейнеры для комментария и адреса доставки побольше. Лучше все блоки увеличить в ширину, а для комментария и адреса доставки и в высоту. Примерно как на рис.

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

Наверх

#10 autopards

Пользователь

Пользователи
43 сообщений

Отправлено 27 Июнь 2016 - 13:51

Вопрос все еще актуален. Для аккаунта SL-384147. Блоки в форме Быстрого оформления заказа выглядят куда лучше (рис). Можно ли и в стандартном Оформлении заказа в Шаге 2 сделать такие же блоки по размеру?

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

Наверх

#11 Ирина345

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

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

Отправлено 27 Июнь 2016 - 17:42

izyum (27 Июнь 2016 - 13:51) писал:

Вопрос все еще актуален. Для аккаунта SL-384147. Блоки в форме Быстрого оформления заказа выглядят куда лучше (рис). Можно ли и в стандартном Оформлении заказа в Шаге 2 сделать такие же блоки по размеру?

Здравствуйте, так как поля "Город" и "Адрес доставки" являются обязательными для заполнения, то найдите в шаблоне Быстрый заказ код

	$('.deliveryRadio').click(function(){ 
	  var ID = $('input[name="form[delivery][id]"]:checked').val(); 
	  $('.quick_order_payment').hide();
	  $('.quick_order_payment[rel="' + ID + '"]').show();
	  $('.quick_order_payment[rel="' + ID + '"]').find('input:first').attr('checked', true);
	});

после вставьте

$(function() {
$('.deliveryRadio').click(function() {
var delivery = '349915';
if($(this).val() === delivery) {
		 var desc = $.trim($(this).closest('tbody').find('.cell2 .htmlDataBlock').text());
		 $('#quickDeliveryAddress').val(desc);
		 $('#quickDeliveryCity').val("Самовывоз");
		$('#quickDeliveryZipCode, #quickDeliveryRegion, #quickDeliveryCity, #quickDeliveryAddress').parent().parent().hide();
		$('#quickDeliveryZipCode, #quickDeliveryRegion, #quickDeliveryCity, #quickDeliveryAddress').hide();
	   
		 }
else {
		 $('#quickDeliveryAddress').val('');
	 $('#quickDeliveryCity').val('');
	$('#quickDeliveryZipCode, #quickDeliveryRegion, #quickDeliveryCity, #quickDeliveryAddress').parent().parent().show();
		$('#quickDeliveryZipCode, #quickDeliveryRegion, #quickDeliveryCity, #quickDeliveryAddress').show();
 
}
});
$('.deliveryRadio[checked="checked"]').trigger('click');
});

В данном случае описание способа доставки будет перенесено в поле "Адрес доставки", а название способа доставки в поле "Город".

далее добавьте в конец файла main.js

$(function() {
$('.deliveryRadio').click(function() {
var delivery = '349915';
if($(this).val() === delivery) {
		 var desc = $.trim($(this).closest('tbody').find('.cell4 p').text());
		 $('#deliveryAddress').val(desc);
		 $('#deliveryCity').val("Самовывоз");
		$('#deliveryZipCode, #deliveryRegion, #deliveryCity, #deliveryAddress').parent().parent().hide();
		$('#deliveryZipCode, #deliveryRegion, #deliveryCity, #deliveryAddress').hide();
	   
		 }
else {
		 $('#deliveryAddress').val('');
	 $('#deliveryCity').val('');
	$('#deliveryZipCode, #deliveryRegion, #deliveryCity, #deliveryAddress').parent().parent().show();
		$('#deliveryZipCode, #deliveryRegion, #deliveryCity, #deliveryAddress').show();
 
}
});
$('.deliveryRadio[checked="checked"]').trigger('click');
});

Наверх

#12 autopards

Пользователь

Пользователи
43 сообщений

Отправлено 27 Июнь 2016 - 21:48

Спасибо большое. А можно как-нибудь увеличить блоки Адрес доставки и Комментарий? Эти блоки выглядят "несерьезно" (скрины) Хотелось бы, чтобы они выглядели как на изображении из предыдущего моего сообщения в этой теме (там скрин из формы Быстрого оформления заказа).

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

Наверх

#13 Vaccina

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

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

Отправлено 28 Июнь 2016 - 02:03

В шаблоне Оформление заказа найдите:

<!-- Если поле адреса доставки запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_ADDRESS<3 %}
			  <div class="field">
				<label for="deliveryAddress" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>Адрес доставки{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<em>*</em>{% ENDIF %}</label>
				<div class="input-box">
				  <textarea col="7" id="deliveryAddress" name="form[delivery][address]" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
				</div> 
			  </div> 
			{% ENDIF %}
		   
			<!-- Если поле комментария запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_COMMENT<3 %}
			  <div class="field">
				<label for="deliveryComment" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>Комментарий{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}<em>*</em>{% ENDIF %}</label>
				<div class="input-box">
				  <textarea col="7" id="deliveryComment" name="form[delivery][comment]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_COMMENT}</textarea>
				</div>
			  </div> 
			{% ENDIF %}

замените на:

<!-- Если поле адреса доставки запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_ADDRESS<3 %}
			  <div class="field">
				<label for="deliveryAddress" {% 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="deliveryAddress" name="form[delivery][address]" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
				</div> 
			  </div> 
			{% ENDIF %}
		   
			<!-- Если поле комментария запрашивается -->
			{% IF SETTINGS_ORDER_FIELDS_COMMENT<3 %}
			  <div class="field">
				<label for="deliveryComment" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>Комментарий{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}<em>*</em>{% ENDIF %}</label>
				<div class="input-box">
				  <textarea cols="100" rows="5" id="deliveryComment" name="form[delivery][comment]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_COMMENT}</textarea>
				</div>
			  </div> 
			{% ENDIF %}

Наверх

#14 autopards

Пользователь

Пользователи
43 сообщений

Отправлено 29 Июнь 2016 - 15:35

Vaccina (28 Июнь 2016 - 02:03) писал:

В шаблоне Оформление заказа найдите:

<!-- Если поле адреса доставки запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_ADDRESS<3 %}
			 <div class="field">
			 <label for="deliveryAddress" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>Адрес доставки{% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
				 <textarea col="7" id="deliveryAddress" name="form[delivery][address]" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
			 </div>
			 </div>
		 {% ENDIF %}
		
		 <!-- Если поле комментария запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_COMMENT<3 %}
			 <div class="field">
			 <label for="deliveryComment" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>Комментарий{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
				 <textarea col="7" id="deliveryComment" name="form[delivery][comment]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_COMMENT}</textarea>
			 </div>
			 </div>
		 {% ENDIF %}

замените на:

<!-- Если поле адреса доставки запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_ADDRESS<3 %}
			 <div class="field">
			 <label for="deliveryAddress" {% 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="deliveryAddress" name="form[delivery][address]" {% IF SETTINGS_ORDER_FIELDS_ADDRESS=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_ADDRESS}</textarea>
			 </div>
			 </div>
		 {% ENDIF %}
		
		 <!-- Если поле комментария запрашивается -->
		 {% IF SETTINGS_ORDER_FIELDS_COMMENT<3 %}
			 <div class="field">
			 <label for="deliveryComment" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>Комментарий{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}<em>*</em>{% ENDIF %}</label>
			 <div class="input-box">
				 <textarea cols="100" rows="5" id="deliveryComment" name="form[delivery][comment]" {% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}class="required"{% ENDIF %}>{ORDER_FORM_DELIVERY_COMMENT}</textarea>
			 </div>
			 </div>
		 {% ENDIF %}

Спасибо большое! Теперь все замечательно!