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


Сделать Форму Заказа Компактной

Автор Rosalina, 21 сент. 2015 19:44

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

#1 Rosalina

Rosalina

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

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

Отправлено 21 Сентябрь 2015 - 19:44

Добрый день. Помогите сделать форму быстрого  заказа более компактной. Сейчас это выглядит так, а хотелось бы форму в два раза меньше.

Аккаунт SL-50143

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

  • 777.JPG

#2 Cupuyc

Cupuyc

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

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

Отправлено 21 Сентябрь 2015 - 20:18

Просмотр сообщенияRosalina (21 Сентябрь 2015 - 19:44) писал:

Добрый день. Помогите сделать форму быстрого  заказа более компактной. Сейчас это выглядит так, а хотелось бы форму в два раза меньше.

Аккаунт SL-50143

Здравствуйте, пожалуйста уточните что именно Вы хотели бы уменьшить, ширину, количество пунктов, размер шрифта?(желательно указав, чем будет занято освободившееся пространство)

#3 Rosalina

Rosalina

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

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

Отправлено 22 Сентябрь 2015 - 06:53

Просмотр сообщенияCupuyc (21 Сентябрь 2015 - 20:18) писал:

Здравствуйте, пожалуйста уточните что именно Вы хотели бы уменьшить, ширину, количество пунктов, размер шрифта?(желательно указав, чем будет занято освободившееся пространство)

Диалоговое окно быстрого заказа уменьшить в ширину. Все остальное оставить как есть)

#4 Danil

Danil

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

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

Отправлено 22 Сентябрь 2015 - 09:13

Просмотр сообщенияRosalina (22 Сентябрь 2015 - 06:53) писал:

Диалоговое окно быстрого заказа уменьшить в ширину. Все остальное оставить как есть)
Здравствуйте.
В main.css найдите код 
.delivery .orderStageDeliveryListTable {
	width: 100%;
}
и замените на 

.delivery .orderStageDeliveryListTable {
	width: 100%;
	max-width: 600px;
}

#5 dypel

dypel

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

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

Отправлено 03 Октябрь 2015 - 12:18

Аккаунт SL-342718
Хочу тоже реализовать этого.
1. Чтобы форма заказа уменьшалась на одном листе.
2. Чтобы при способе доставки "Самовывоз" - поля Город, дата и время - были необязательные для заполнения.

Спасибо.

Выше указанные действия ни к чему не привели...

#6 Danil

Danil

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

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

Отправлено 04 Октябрь 2015 - 17:44

Просмотр сообщенияdypel (03 Октябрь 2015 - 12:18) писал:

Аккаунт SL-342718
Хочу тоже реализовать этого.
1. Чтобы форма заказа уменьшалась на одном листе.
2. Чтобы при способе доставки "Самовывоз" - поля Город, дата и время - были необязательные для заполнения.

Спасибо.

Выше указанные действия ни к чему не привели...
Здравствуйте.
2) В разделе Настройки - Основные - "Настройка полей доставки, использующихся при оформлении заказа", сделайте необязательными для заполнения следующие поля:
- Адрес
- Город
- Удобное время доставки

После в конец main.js добавьте 
$(function() {
$('.deliveryRadio').click(function() {
var courier_id = '301279';
var current_id = $(this).val();
		 $('#quickDeliveryAddress').addClass('required').attr('required', 'required');
		 $('#quickDeliveryCity').addClass('required').attr('required', 'required');
		 $('#quickDeliveryConvenientDate').addClass('required').attr('required');
if(current_id === courier_id) {
				   $('#quickDeliveryAddress').removeClass('required').removeAttr('required');
				$('#quickDeliveryCity').removeClass('required').removeAttr('required');
				$('#quickDeliveryConvenientDate').removeClass('required').removeAttr('required');
}
});
$('.deliveryRadio:checked').trigger('click');
});

#7 nosferatum44

nosferatum44

    Продвинутый пользователь

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

Отправлено 03 Ноябрь 2015 - 19:14

Тоже хотелось бы сделать компактным окно заказа. Вышеуказанные настройки сократили только ширину полей, а само окно так и осталось на весь экран.

#8 Vaccina

Vaccina

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

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

Отправлено 04 Ноябрь 2015 - 02:04

В main.js найдите на 1195 строке
$.fancybox({
после него пропишите:
maxWidth: 300,

#9 nosferatum44

nosferatum44

    Продвинутый пользователь

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

Отправлено 04 Ноябрь 2015 - 05:21

Просмотр сообщенияVaccina (04 Ноябрь 2015 - 02:04) писал:

В main.js найдите на 1195 строке
$.fancybox({
после него пропишите:
maxWidth: 300,
Изменилось окно быстрого заказа.
Хотелось бы еще и обычного заказа уменьшить размер формы.

#10 Vaccina

Vaccina

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

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

Отправлено 04 Ноябрь 2015 - 06:52

Произведите аналогичное изменение в шаблоне main.js на строке 210

#11 nosferatum44

nosferatum44

    Продвинутый пользователь

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

Отправлено 04 Ноябрь 2015 - 07:12

Просмотр сообщенияVaccina (04 Ноябрь 2015 - 06:52) писал:

Произведите аналогичное изменение в шаблоне main.js на строке 210
Ничего не изменилось

#12 nosferatum44

nosferatum44

    Продвинутый пользователь

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

Отправлено 05 Ноябрь 2015 - 18:41

Помогите пожалуйста(

#13 Vaccina

Vaccina

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

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

Отправлено 06 Ноябрь 2015 - 03:17

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

#14 nosferatum44

nosferatum44

    Продвинутый пользователь

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

Отправлено 10 Ноябрь 2015 - 13:56

Просмотр сообщенияVaccina (06 Ноябрь 2015 - 03:17) писал:

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

#15 nosferatum44

nosferatum44

    Продвинутый пользователь

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

Отправлено 12 Ноябрь 2015 - 09:19

Поможет кто-нибудь ?

#16 Ирина345

Ирина345

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

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

Отправлено 12 Ноябрь 2015 - 12:44

Просмотр сообщенияnosferatum44 (12 Ноябрь 2015 - 09:19) писал:

Поможет кто-нибудь ?
Здравствуйте, на данный момент у вас при нажатие на кнопку "оформить заказ" в корзине выводится форма быстрого заказа, уточните где именно вам необходима форма?

#17 nosferatum44

nosferatum44

    Продвинутый пользователь

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

Отправлено 12 Ноябрь 2015 - 13:50

Просмотр сообщенияИрина345 (12 Ноябрь 2015 - 12:44) писал:

Здравствуйте, на данный момент у вас при нажатие на кнопку "оформить заказ" в корзине выводится форма быстрого заказа, уточните где именно вам необходима форма?
Там и необходима. Только чтобы всплывала окном, как при быстром заказе, а не выкатывалась внизу

#18 Ирина345

Ирина345

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

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

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

Просмотр сообщенияnosferatum44 (12 Ноябрь 2015 - 13:50) писал:

Там и необходима. Только чтобы всплывала окном, как при быстром заказе, а не выкатывалась внизу
Найдите в файле main.js
// включаем gif анимацию загрузки
	ajaxLoaderQuickOrder.show('slow');
	   $.ajax({
		type: "POST",
		cache: false,
		url: urlQuickForm,
		data: quickFormData,
		success: function(data) {	
			OrderAjaxBlock.html($(data).find('.quickformfast').wrap('div').html());
			// скрываем блок с анимацией
			ajaxLoaderQuickOrder.hide();
			// раскрываем блок с формаой
			OrderAjaxBlock.show('slow');
			// удалим обработчик события на кнопке отмена
			closeOrder.css('display','block');
			cartTable.toggleClass('disable');
			q = cartTable.find('.cartqty');
			if(q.prop('disabled') == true){q.prop('disabled',false)}else{q.prop('disabled',true)}
			quickOrderScripts();
			$('.cart-info').on('click', textCloseOrder, function() {
				//Скрываем блок оформления заказа
				ajaxLoaderQuickOrder.hide('fast');
				OrderAjaxBlock.hide('fast');
				globalOrder.hide('fast');
				buttonStartOrder.show('fast');// Возврощаем кнопку "Заказать"
				closeOrder.hide('fast'); // Скрываем кнопку "Отменить"
				// Включаем возможность редактирования формы
				cartTable.toggleClass('disable');			   
				if(q.prop('disabled') == true){q.prop('disabled',false)}else{q.prop('disabled',true)}
				return false;
			});
		}
	});
  return false;
}
замените на
  // включаем gif анимацию загрузки
	ajaxLoaderQuickOrder.show('slow');
	   $.ajax({
		type: "POST",
		cache: false,
		url: urlQuickForm,
		data: quickFormData,
		success: function(data) {	
			OrderAjaxBlock.html($(data).find('.quickformfast').wrap('div').html());
			// скрываем блок с анимацией
			ajaxLoaderQuickOrder.hide();
			// раскрываем блок с формаой
		 
			// удалим обработчик события на кнопке отмена
			closeOrder.css('display','block');
			cartTable.toggleClass('disable');
			q = cartTable.find('.cartqty');
			if(q.prop('disabled') == true){q.prop('disabled',false)}else{q.prop('disabled',true)}
			quickOrderScripts();
			$('.cart-info').on('click', textCloseOrder, function() {
				//Скрываем блок оформления заказа
				ajaxLoaderQuickOrder.hide('fast');
				OrderAjaxBlock.hide('fast');
				globalOrder.hide('fast');
				buttonStartOrder.show('fast');// Возврощаем кнопку "Заказать"
				closeOrder.hide('fast'); // Скрываем кнопку "Отменить"
				// Включаем возможность редактирования формы
				cartTable.toggleClass('disable');			   
				if(q.prop('disabled') == true){q.prop('disabled',false)}else{q.prop('disabled',true)}
				return false;
			});
			 $.fancybox({
		  autoSize: true,
		  maxWidth: 960,
		  content: (data)
		
		});
		}
	   
	});
  return false;
}

#19 nosferatum44

nosferatum44

    Продвинутый пользователь

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

Отправлено 12 Ноябрь 2015 - 15:54

Просмотр сообщенияИрина345 (12 Ноябрь 2015 - 15:30) писал:

Найдите в файле main.js
// включаем gif анимацию загрузки
ajaxLoaderQuickOrder.show('slow');
	 $.ajax({
	 type: "POST",
	 cache: false,
	 url: urlQuickForm,
	 data: quickFormData,
	 success: function(data) {	
		 OrderAjaxBlock.html($(data).find('.quickformfast').wrap('div').html());
		 // скрываем блок с анимацией
		 ajaxLoaderQuickOrder.hide();
		 // раскрываем блок с формаой
		 OrderAjaxBlock.show('slow');
		 // удалим обработчик события на кнопке отмена
		 closeOrder.css('display','block');
		 cartTable.toggleClass('disable');
		 q = cartTable.find('.cartqty');
		 if(q.prop('disabled') == true){q.prop('disabled',false)}else{q.prop('disabled',true)}
		 quickOrderScripts();
		 $('.cart-info').on('click', textCloseOrder, function() {
			 //Скрываем блок оформления заказа
			 ajaxLoaderQuickOrder.hide('fast');
			 OrderAjaxBlock.hide('fast');
			 globalOrder.hide('fast');
			 buttonStartOrder.show('fast');// Возврощаем кнопку "Заказать"
			 closeOrder.hide('fast'); // Скрываем кнопку "Отменить"
			 // Включаем возможность редактирования формы
			 cartTable.toggleClass('disable');			
			 if(q.prop('disabled') == true){q.prop('disabled',false)}else{q.prop('disabled',true)}
			 return false;
		 });
	 }
});
return false;
}
замените на
// включаем gif анимацию загрузки
ajaxLoaderQuickOrder.show('slow');
	 $.ajax({
	 type: "POST",
	 cache: false,
	 url: urlQuickForm,
	 data: quickFormData,
	 success: function(data) {	
		 OrderAjaxBlock.html($(data).find('.quickformfast').wrap('div').html());
		 // скрываем блок с анимацией
		 ajaxLoaderQuickOrder.hide();
		 // раскрываем блок с формаой
		
		 // удалим обработчик события на кнопке отмена
		 closeOrder.css('display','block');
		 cartTable.toggleClass('disable');
		 q = cartTable.find('.cartqty');
		 if(q.prop('disabled') == true){q.prop('disabled',false)}else{q.prop('disabled',true)}
		 quickOrderScripts();
		 $('.cart-info').on('click', textCloseOrder, function() {
			 //Скрываем блок оформления заказа
			 ajaxLoaderQuickOrder.hide('fast');
			 OrderAjaxBlock.hide('fast');
			 globalOrder.hide('fast');
			 buttonStartOrder.show('fast');// Возврощаем кнопку "Заказать"
			 closeOrder.hide('fast'); // Скрываем кнопку "Отменить"
			 // Включаем возможность редактирования формы
			 cartTable.toggleClass('disable');			
			 if(q.prop('disabled') == true){q.prop('disabled',false)}else{q.prop('disabled',true)}
			 return false;
		 });
			 $.fancybox({
		 autoSize: true,
		 maxWidth: 960,
		 content: (data)
		
	 });
	 }
	
});
return false;
}
ничего не изменилось

#20 Ирина345

Ирина345

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

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

Отправлено 12 Ноябрь 2015 - 16:23

Просмотр сообщенияnosferatum44 (12 Ноябрь 2015 - 15:54) писал:

ничего не изменилось
Очистите кеш браузера, в корзине форма в виде всплывающего окна.

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

  • QIP Shot - Screen 055.png

Обратно в Оформление заказа


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лазурь
  5. → Оформление заказа
  6. Privacy Policy