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


Сделать Оформление Заказа В Один Шаг Как В Теме Рассвет


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

#1 bg999

bg999

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

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

Отправлено 12 Август 2016 - 14:24

Добрый день!

У нас тема Техника и оформление заказа в 4 шага, помогите сделать его как в рассвете в 1 шаг, магазин находиться тут.
У нас при оформлении заказа если клиент не авторизован, то стоит чек-бокс с соглашением условий договора-офреты, нужно его сохранить. Пример ниже

Изображение

#2 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

Отправлено 12 Август 2016 - 17:25

Просмотр сообщенияbg999 (12 Август 2016 - 14:24) писал:

Добрый день!

У нас тема Техника и оформление заказа в 4 шага, помогите сделать его как в рассвете в 1 шаг, магазин находиться тут.
У нас при оформлении заказа если клиент не авторизован, то стоит чек-бокс с соглашением условий договора-офреты, нужно его сохранить. Пример ниже

Изображение

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

#3 bg999

bg999

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

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

Отправлено 13 Август 2016 - 00:59

Просмотр сообщенияStasya (12 Август 2016 - 17:25) писал:

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

Файлы добавил, часть кодов тоже. Однако нам не нужно выводить кнопку быстрого заказа ни на старницу товара или каталога, нужно сделать оформление заказа в один шаг как в рассвете. Необходимо также добавить чекбоксы с договором-оферты. То что получилось находится тут

#4 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

Отправлено 16 Август 2016 - 10:18

Просмотр сообщенияbg999 (13 Август 2016 - 00:59) писал:

Файлы добавил, часть кодов тоже. Однако нам не нужно выводить кнопку быстрого заказа ни на старницу товара или каталога, нужно сделать оформление заказа в один шаг как в рассвете. Необходимо также добавить чекбоксы с договором-оферты. То что получилось находится тут

Я правильно Вас поняла, что Вы хотите сделать оформление заказа в корзине как в шаблоне Рассвет?
В таком случае Вам необходимо откатить все проделанные изменения и воспользоваться вот этой инструкцией:

Скачать прикрепленный файл и разархивировать. Файл order_fast.htm загрузить в раздел сайт -> редактор шаблонов -> Добавить файлы.
В конце файла main.js вставить
// Быстрый заказ
function quickorder(formSelector) {
// Находим форму, которую отправляем на сервер, для добавления товара в корзину
var formBlock = $($(formSelector).get(0));
// Проверка на существование формы отправки запроса на добавление товара в корзину
if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
alert('Не удалось найти форму добавления товара в корзину');
return false;
}
// Получаем данные формы, которые будем отправлять на сервер
var formData = formBlock.serializeArray();
// Сообщаем серверу, что мы пришли через ajax запрос
formData.push({name: 'ajax_q', value: 1});
// Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
formData.push({name: 'fast_order', value: 1});
// Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
$.ajax({
type : "POST",
cache : false,
url : formBlock.attr('action'),
data : formData,
success: function(data) {
var width = $(window).width() * 0.8;
if(width < 800) width = 'auto';
$.fn.nyroModalManual({
content: data,
gallery: null,
resizable: true,
autoSizable: true,
windowResize: true,
width: width,
minHeight: 230
});
}
});
return false;
}

Далее зайти в шаблон Корзина и заменить весь код на тот код, который находится в архиве файла cart_order.doc.
Далее загрузить изображение AjaxLoader.gif из архива в раздел сайт -> редактор шаблонов -> Добавить файлы
в файл main.css найдите блок
.new-order-button button {
background-color: rgb(0, 0, 0);
width: 200px;
height: 28px;
margin: 12px 0px 0px 8px;
padding: 1px 0px 0px 0px;
border: 0;
border-radius: 3px;
color: #fff;
font-size: 16px;
cursor: pointer;
}
и замените его на
.new-order-button input {
background-color: rgb(0, 0, 0);
width: 200px;
height: 28px;
margin: 12px 0px 0px 8px;
padding: 1px 0px 0px 0px;
border: 0;
border-radius: 3px;
color: #fff;
font-size: 16px;
cursor: pointer;
}
Оформление заказа через корзину - Готова!

Прикрепленные файлы



#5 bg999

bg999

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

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

Отправлено 16 Август 2016 - 14:12

Просмотр сообщенияStasya (16 Август 2016 - 10:18) писал:

Я правильно Вас поняла, что Вы хотите сделать оформление заказа в корзине как в шаблоне Рассвет?
В таком случае Вам необходимо откатить все проделанные изменения и воспользоваться вот этой инструкцией:

Скачать прикрепленный файл и разархивировать. Файл order_fast.htm загрузить в раздел сайт -> редактор шаблонов -> Добавить файлы.
В конце файла main.js вставить
// Быстрый заказ
function quickorder(formSelector) {
// Находим форму, которую отправляем на сервер, для добавления товара в корзину
var formBlock = $($(formSelector).get(0));
// Проверка на существование формы отправки запроса на добавление товара в корзину
if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
alert('Не удалось найти форму добавления товара в корзину');
return false;
}
// Получаем данные формы, которые будем отправлять на сервер
var formData = formBlock.serializeArray();
// Сообщаем серверу, что мы пришли через ajax запрос
formData.push({name: 'ajax_q', value: 1});
// Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
formData.push({name: 'fast_order', value: 1});
// Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
$.ajax({
type : "POST",
cache : false,
url : formBlock.attr('action'),
data : formData,
success: function(data) {
var width = $(window).width() * 0.8;
if(width < 800) width = 'auto';
$.fn.nyroModalManual({
content: data,
gallery: null,
resizable: true,
autoSizable: true,
windowResize: true,
width: width,
minHeight: 230
});
}
});
return false;
}

Далее зайти в шаблон Корзина и заменить весь код на тот код, который находится в архиве файла cart_order.doc.
Далее загрузить изображение AjaxLoader.gif из архива в раздел сайт -> редактор шаблонов -> Добавить файлы
в файл main.css найдите блок
.new-order-button button {
background-color: rgb(0, 0, 0);
width: 200px;
height: 28px;
margin: 12px 0px 0px 8px;
padding: 1px 0px 0px 0px;
border: 0;
border-radius: 3px;
color: #fff;
font-size: 16px;
cursor: pointer;
}
и замените его на
.new-order-button input {
background-color: rgb(0, 0, 0);
width: 200px;
height: 28px;
margin: 12px 0px 0px 8px;
padding: 1px 0px 0px 0px;
border: 0;
border-radius: 3px;
color: #fff;
font-size: 16px;
cursor: pointer;
}
Оформление заказа через корзину - Готова!



1. Как можно переделать дизайн формы быстрого заказа? Он весь перекошенный.
2. Забыли фразу о договоре-оферты
3. После нажатия на кнопку быстрого заказа стили написания цен меняются


Изображение

#6 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

Отправлено 17 Август 2016 - 09:40

Просмотр сообщенияbg999 (16 Август 2016 - 14:12) писал:

1. Как можно переделать дизайн формы быстрого заказа? Он весь перекошенный.
2. Забыли фразу о договоре-оферты
3. После нажатия на кнопку быстрого заказа стили написания цен меняются


Изображение


1) Уточните, пожалуйста, как именно Вы хотите переделать форму ?
2)В шаблоне Быстрый заказ найдите строку
<!-- Если в тарифном плане подключен раздел личного кабинета -->
и перед ней вставьте
<div class="control">
				 <input type="checkbox" style="float: left;height: 12px;margin-top: 2px;" id="dogovorOferta" name="form[contact][dogovor]" value="1"><label for="dogovorOferta">Я принимаю условия <a href="#" target="_blank">договора-оферты</a></label>
				 </div>
Здесь заместо # вставьте ссылку на Ваш договор-оферты.
Затем там же найдите строку
$(document).ready(function(){
и сразу поле нее вставьте блок
$('.zakaz').attr('disabled','disabled');
$('#dogovorOferta').click(function(){
if($(this).hasClass('checked')){
	 $(this).removeClass('checked');
	 $('.zakaz').attr('disabled','disabled');
}else{
	 $(this).addClass('checked');
	 $('.zakaz').removeAttr('disabled');
}
})

3)В шаблоне Быстрый заказ найдите и удалите строки
.num {color: #404040;font-family: helvetica;font-style: italic;white-space: nowrap;font-weight: 800;}
.price {font-size: 16px;color: #000;}
и
input, select {font-size: 100%;height: 25px;text-align: left;margin-right: 10px;}


#7 bg999

bg999

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

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

Отправлено 17 Август 2016 - 12:19

Просмотр сообщенияStasya (17 Август 2016 - 09:40) писал:

1) Уточните, пожалуйста, как именно Вы хотите переделать форму ?
2)В шаблоне Быстрый заказ найдите строку
<!-- Если в тарифном плане подключен раздел личного кабинета -->
и перед ней вставьте
<div class="control">
				 <input type="checkbox" style="float: left;height: 12px;margin-top: 2px;" id="dogovorOferta" name="form[contact][dogovor]" value="1"><label for="dogovorOferta">Я принимаю условия <a href="#" target="_blank">договора-оферты</a></label>
				 </div>
Здесь заместо # вставьте ссылку на Ваш договор-оферты.
Затем там же найдите строку
$(document).ready(function(){
и сразу поле нее вставьте блок
$('.zakaz').attr('disabled','disabled');
$('#dogovorOferta').click(function(){
if($(this).hasClass('checked')){
	 $(this).removeClass('checked');
	 $('.zakaz').attr('disabled','disabled');
}else{
	 $(this).addClass('checked');
	 $('.zakaz').removeAttr('disabled');
}
})

3)В шаблоне Быстрый заказ найдите и удалите строки
.num {color: #404040;font-family: helvetica;font-style: italic;white-space: nowrap;font-weight: 800;}
.price {font-size: 16px;color: #000;}
и
input, select {font-size: 100%;height: 25px;text-align: left;margin-right: 10px;}

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

#8 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 18 Август 2016 - 01:21

Изменение местоположение полей вы можете изменить в разделе Сайт - Редактор шаблонов - Оформление заказа, главное поля не переносить в другие шаги иначе перестанут работать, как вариант все шаги можно совместить, выводя на одной странице для этого необходимо подключить шаблон Быстрый заказ.
За стили полей отвечает следующий блок  в main.css:
.form-list input.input-text {
	width: 214px;
}

а этот блок за название полей:
.form-list label {
	float: left;
	color: #111;
	font-weight: bold;
	position: relative;
	z-index: 0;
	font-size: 1.2em;
}


#9 bg999

bg999

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

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

Отправлено 20 Август 2016 - 12:08

Просмотр сообщенияStasya (17 Август 2016 - 09:40) писал:

1) Уточните, пожалуйста, как именно Вы хотите переделать форму ?
2)В шаблоне Быстрый заказ найдите строку
<!-- Если в тарифном плане подключен раздел личного кабинета -->
и перед ней вставьте
<div class="control">
				 <input type="checkbox" style="float: left;height: 12px;margin-top: 2px;" id="dogovorOferta" name="form[contact][dogovor]" value="1"><label for="dogovorOferta">Я принимаю условия <a href="#" target="_blank">договора-оферты</a></label>
				 </div>
Здесь заместо # вставьте ссылку на Ваш договор-оферты.
Затем там же найдите строку
$(document).ready(function(){
и сразу поле нее вставьте блок
$('.zakaz').attr('disabled','disabled');
$('#dogovorOferta').click(function(){
if($(this).hasClass('checked')){
	 $(this).removeClass('checked');
	 $('.zakaz').attr('disabled','disabled');
}else{
	 $(this).addClass('checked');
	 $('.zakaz').removeAttr('disabled');
}
})

3)В шаблоне Быстрый заказ найдите и удалите строки
.num {color: #404040;font-family: helvetica;font-style: italic;white-space: nowrap;font-weight: 800;}
.price {font-size: 16px;color: #000;}
и
input, select {font-size: 100%;height: 25px;text-align: left;margin-right: 10px;}




Добрый день!
Внешний вид нашли как поправить и изменили под нас, однако осталось несколько недочетов:
1 если не нажать на чек-бокс договора оферты и нажать кнопку "оформить заказ" не появляется надпись как здесь картинка ниже

Изображение




2 когда выбирается зарегистрироваться во время оформления заказа то не появляется значек "*" рядом с имейл, как и должно быть например здесь

3 когда клиент автаризован, не должна показываться надпись с согласием договора оферты

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

5 как можно реализовать подобную штуку рядом с надписю "способ оплаты через РБК-мани"? Картинка ниже

Изображение

#10 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

Отправлено 24 Август 2016 - 17:22

Просмотр сообщенияbg999 (20 Август 2016 - 12:08) писал:

Добрый день!
Внешний вид нашли как поправить и изменили под нас, однако осталось несколько недочетов:
1 если не нажать на чек-бокс договора оферты и нажать кнопку "оформить заказ" не появляется надпись как здесь картинка ниже

Изображение




2 когда выбирается зарегистрироваться во время оформления заказа то не появляется значек "*" рядом с имейл, как и должно быть например здесь

3 когда клиент автаризован, не должна показываться надпись с согласием договора оферты

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

5 как можно реализовать подобную штуку рядом с надписю "способ оплаты через РБК-мани"? Картинка ниже

Изображение

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

#11 bg999

bg999

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

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

Отправлено 25 Август 2016 - 00:30

Просмотр сообщенияStasya (24 Август 2016 - 17:22) писал:

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




Извините, вот здесь

#12 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

Отправлено 30 Август 2016 - 15:10

Просмотр сообщенияbg999 (25 Август 2016 - 00:30) писал:

Извините, вот здесь

1) Вам необходимо в шаблоне Быстрый заказ найти строку
<input type="checkbox" style="float: left;height: 12px;margin-top: 2px; margin-right: 9px;" id="dogovorOferta" name="form[contact][dogovor]" value="1"><label for="dogovorOferta">Я принимаю условия <a href="/page/dogovor-oferty" target="_blank">договора-оферты</a></label>
и сразу после нее вставить
<label class="invalidInput" style="display:none">Оформление заказа не может быть продолжено без получения вашего согласия условий договора-оферты</label>

Далее найдите блок
$('.zakaz').attr('disabled','disabled');
$('#dogovorOferta').click(function(){
if($(this).hasClass('checked')){
		 $(this).removeClass('checked');
		 $('.zakaz').attr('disabled','disabled');
}else{
		 $(this).addClass('checked');
		 $('.zakaz').removeAttr('disabled');
}
})
и замените его на
$('#dogovorOferta').click(function(){
if($(this).hasClass('checked')){
		 $(this).removeClass('checked');
		 $('.invalidInput').show();
}else{
		 $(this).addClass('checked');
		 $('.invalidInput').hide();
}
})
$('.submit').click(function(){
if($('#dogovorOferta').hasClass('checked')){
$('.invalidInput').hide();
return true;
}else{
$('.invalidInput').show();
return false;
}
})

2)В том же шаблоне найдите строку
<div style="padding-bottom: 18px; width: 401px;"><label for="contactEmail" class="required block-line1-order" style="margin-right: 20px;">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %} </label>
и замените ее на
<div style="padding-bottom: 18px; width: 401px;"><label for="contactEmail" class="required block-line1-order" style="margin-right: 20px;">E-mail<em class="starNeedReq" style="display:none">*</em></label>

3) В том же шаблоне найдите строки
<div class="control">
								 <input type="checkbox" style="float: left;height: 12px;margin-top: 2px; margin-right: 9px;" id="dogovorOferta" name="form[contact][dogovor]" value="1"><label for="dogovorOferta">Я принимаю условия <a href="/page/dogovor-oferty" target="_blank">договора-оферты</a></label>
и замените их на
<div class="control" {% IF CLIENT_IS_LOGIN %}style="display:none"{% ENDIF %}>
								 <input type="checkbox" {% IF CLIENT_IS_LOGIN %} class="checked"{% ENDIF %} style="float: left;height: 12px;margin-top: 2px; margin-right: 9px;" id="dogovorOferta" name="form[contact][dogovor]" value="1"><label for="dogovorOferta">Я принимаю условия <a href="/page/dogovor-oferty" target="_blank">договора-оферты</a></label>

4) В шаблоне Коризна найдите строку
<div id="globalOformZakazBlock" style="display: none">
и перед ней вставьте
<div id="globalOrderDiv"></div>
Далее там же найдите блок
// Скрываем кнопку "Заказать"
$buttonToZakaz.hide();
// Отключаем возможность редактирования формы
var $cartFormTable = $('.cartFormTable');
и замените его на
// Скрываем кнопку "Заказать"
$buttonToZakaz.hide();
// Отключаем возможность редактирования формы
var $cartFormTable = $('.cartFormTable');
$('html, body').delay(400).animate({scrollTop : jQuery('#globalOrderDiv').offset().top - 100}, 800);

5) Могу предложить реализовать это через описание оплаты. Этот текст Вы укажите в поле Сообщение для пользователя .

#13 bg999

bg999

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

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

Отправлено 05 Сентябрь 2016 - 16:01

Просмотр сообщенияStasya (30 Август 2016 - 15:10) писал:

1) Вам необходимо в шаблоне Быстрый заказ найти строку
<input type="checkbox" style="float: left;height: 12px;margin-top: 2px; margin-right: 9px;" id="dogovorOferta" name="form[contact][dogovor]" value="1"><label for="dogovorOferta">Я принимаю условия <a href="/page/dogovor-oferty" target="_blank">договора-оферты</a></label>
и сразу после нее вставить
<label class="invalidInput" style="display:none">Оформление заказа не может быть продолжено без получения вашего согласия условий договора-оферты</label>

Далее найдите блок
$('.zakaz').attr('disabled','disabled');
$('#dogovorOferta').click(function(){
if($(this).hasClass('checked')){
		 $(this).removeClass('checked');
		 $('.zakaz').attr('disabled','disabled');
}else{
		 $(this).addClass('checked');
		 $('.zakaz').removeAttr('disabled');
}
})
и замените его на
$('#dogovorOferta').click(function(){
if($(this).hasClass('checked')){
		 $(this).removeClass('checked');
		 $('.invalidInput').show();
}else{
		 $(this).addClass('checked');
		 $('.invalidInput').hide();
}
})
$('.submit').click(function(){
if($('#dogovorOferta').hasClass('checked')){
$('.invalidInput').hide();
return true;
}else{
$('.invalidInput').show();
return false;
}
})

2)В том же шаблоне найдите строку
<div style="padding-bottom: 18px; width: 401px;"><label for="contactEmail" class="required block-line1-order" style="margin-right: 20px;">E-mail{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}*{% ENDIF %} </label>
и замените ее на
<div style="padding-bottom: 18px; width: 401px;"><label for="contactEmail" class="required block-line1-order" style="margin-right: 20px;">E-mail<em class="starNeedReq" style="display:none">*</em></label>

3) В том же шаблоне найдите строки
<div class="control">
								 <input type="checkbox" style="float: left;height: 12px;margin-top: 2px; margin-right: 9px;" id="dogovorOferta" name="form[contact][dogovor]" value="1"><label for="dogovorOferta">Я принимаю условия <a href="/page/dogovor-oferty" target="_blank">договора-оферты</a></label>
и замените их на
<div class="control" {% IF CLIENT_IS_LOGIN %}style="display:none"{% ENDIF %}>
								 <input type="checkbox" {% IF CLIENT_IS_LOGIN %} class="checked"{% ENDIF %} style="float: left;height: 12px;margin-top: 2px; margin-right: 9px;" id="dogovorOferta" name="form[contact][dogovor]" value="1"><label for="dogovorOferta">Я принимаю условия <a href="/page/dogovor-oferty" target="_blank">договора-оферты</a></label>

4) В шаблоне Коризна найдите строку
<div id="globalOformZakazBlock" style="display: none">
и перед ней вставьте
<div id="globalOrderDiv"></div>
Далее там же найдите блок
// Скрываем кнопку "Заказать"
$buttonToZakaz.hide();
// Отключаем возможность редактирования формы
var $cartFormTable = $('.cartFormTable');
и замените его на
// Скрываем кнопку "Заказать"
$buttonToZakaz.hide();
// Отключаем возможность редактирования формы
var $cartFormTable = $('.cartFormTable');
$('html, body').delay(400).animate({scrollTop : jQuery('#globalOrderDiv').offset().top - 100}, 800);

5) Могу предложить реализовать это через описание оплаты. Этот текст Вы укажите в поле Сообщение для пользователя .




Второй пункт так и не сработал:
2 когда выбирается зарегистрироваться во время оформления заказа то не появляется значек "*" рядом с имейл, как и должно быть например здесь

более того, когда нажимаешь поддтвердить заказ (два раза) и не поле имейла не заполненно, поле ввода изчезает, получается так:

Изображение




ссылка на наш магазин

Как сделать, что бы кнопка "оформить заказ" во всплывающем окне вела на оформление заказа (в корзину), сейчас она не работает вообще)

Прошу ответить как можно скорее, так ка все перенесли на действующий сайт с временного

#14 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

Отправлено 08 Сентябрь 2016 - 10:47

Просмотр сообщенияbg999 (05 Сентябрь 2016 - 16:01) писал:

Второй пункт так и не сработал:
2 когда выбирается зарегистрироваться во время оформления заказа то не появляется значек "*" рядом с имейл, как и должно быть например здесь

более того, когда нажимаешь поддтвердить заказ (два раза) и не поле имейла не заполненно, поле ввода изчезает, получается так:

Изображение




ссылка на наш магазин

Как сделать, что бы кнопка "оформить заказ" во всплывающем окне вела на оформление заказа (в корзину), сейчас она не работает вообще)

Прошу ответить как можно скорее, так ка все перенесли на действующий сайт с временного

1) Чтобы поля не скрывались Вам необходимо в конец файла main.css добавить блок
.order-line-2 input{display:block !important;}

2) Простите, забыла в предыдущем инструкции дописать код. Вам необходимо в шаблоне Быстрый заказ найти блок
// При оформлении заказа дадим возможность зарегистрироваться пользователю
$('#contactWantRegister').click(function(){
		 if($(this).attr("checked")) {
		 $('.contactRegisterNeedElement').show();
		 $('#contactEmail, #contactPassWord').addClass('required');
		 } else {
		 $('.contactRegisterNeedElement').hide();
		 $('#contactEmail, #contactPassWord').removeClass('required');
		 }
});
и заменить его на
// При оформлении заказа дадим возможность зарегистрироваться пользователю
$('#contactWantRegister').click(function(){
		 if($(this).attr("checked")) {
		 $('.contactRegisterNeedElement').show();
		 $('.starNeedReq').show()
		 $('#contactEmail, #contactPassWord').addClass('required');
		 } else {
		 $('.contactRegisterNeedElement').hide();
		 $('.starNeedReq').hide()
		 $('#contactEmail, #contactPassWord').removeClass('required');
		 }
});


#15 bg999

bg999

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

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

Отправлено 08 Сентябрь 2016 - 23:24

Просмотр сообщенияStasya (08 Сентябрь 2016 - 10:47) писал:

1) Чтобы поля не скрывались Вам необходимо в конец файла main.css добавить блок
.order-line-2 input{display:block !important;}

2) Простите, забыла в предыдущем инструкции дописать код. Вам необходимо в шаблоне Быстрый заказ найти блок
// При оформлении заказа дадим возможность зарегистрироваться пользователю
$('#contactWantRegister').click(function(){
		 if($(this).attr("checked")) {
		 $('.contactRegisterNeedElement').show();
		 $('#contactEmail, #contactPassWord').addClass('required');
		 } else {
		 $('.contactRegisterNeedElement').hide();
		 $('#contactEmail, #contactPassWord').removeClass('required');
		 }
});
и заменить его на
// При оформлении заказа дадим возможность зарегистрироваться пользователю
$('#contactWantRegister').click(function(){
		 if($(this).attr("checked")) {
		 $('.contactRegisterNeedElement').show();
		 $('.starNeedReq').show()
		 $('#contactEmail, #contactPassWord').addClass('required');
		 } else {
		 $('.contactRegisterNeedElement').hide();
		 $('.starNeedReq').hide()
		 $('#contactEmail, #contactPassWord').removeClass('required');
		 }
});




Спасибо, однако вы не ответили на третий вопрос:
Как сделать, что бы кнопка "оформить заказ" во всплывающем окне вела на оформление заказа (в корзину), сейчас она не работает вообще)

#16 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 09 Сентябрь 2016 - 04:38

В main.css найдите:
.cart-info .cart-total {
	height: 65px;
	width: 96%;
	margin: 9px 0px 23px 0px;
	font-size: 12px;
	line-height: 25px;
	text-align: right;
}

после него пропишите:
.cart-info .cart-total .new-order-button {
	display: none;
}

В main.js найдите:
$('.cart-gocart').html('<a href="/cart" alt="Перейти в корзину">Перейти в корзину</a>');

замените на:
$('.cart-gocart').html('<a href="/cart" alt="Перейти в корзину">Перейти в корзину</a><a style="background: #000; border-radius: 5px; padding: 5px 20px; color: #fff; float: right;" href="/cart" alt="Оформить заказ">Оформить заказ</a>');


#17 bg999

bg999

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

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

Отправлено 09 Сентябрь 2016 - 16:25

Просмотр сообщенияVaccina (09 Сентябрь 2016 - 04:38) писал:

В main.css найдите:
.cart-info .cart-total {
height: 65px;
width: 96%;
margin: 9px 0px 23px 0px;
font-size: 12px;
line-height: 25px;
text-align: right;
}

после него пропишите:
.cart-info .cart-total .new-order-button {
display: none;
}

В main.js найдите:
$('.cart-gocart').html('<a href="/cart" alt="Перейти в корзину">Перейти в корзину</a>');

замените на:
$('.cart-gocart').html('<a href="/cart" alt="Перейти в корзину">Перейти в корзину</a><a style="background: #000; border-radius: 5px; padding: 5px 20px; color: #fff; float: right;" href="/cart" alt="Оформить заказ">Оформить заказ</a>');




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

#18 Ирина345

Ирина345

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

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

Отправлено 09 Сентябрь 2016 - 16:47

Просмотр сообщенияbg999 (09 Сентябрь 2016 - 16:25) писал:

Нужно оставить все как есть и текст "перейти в корзину" ту самую кнопку, что сейчас стоит "оформить заказ" и чтобы они оба вели на страницу корзины.
Здравствуйте, что бы установить ссылку на кнопку "Оформить заказ", найдите в файле main.js
   $('.cart-total').find('button').click(function() {
								 document.location = '/order/stage/contacts';
				 });
после вставьте

 $('.cart-total').find('input').click(function() {
								 document.location = '/cart';
				 });


#19 bg999

bg999

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

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

Отправлено 09 Сентябрь 2016 - 17:55

Просмотр сообщенияИрина345 (09 Сентябрь 2016 - 16:47) писал:

Здравствуйте, что бы установить ссылку на кнопку "Оформить заказ", найдите в файле main.js
$('.cart-total').find('button').click(function() {
document.location = '/order/stage/contacts';
});
после вставьте

$('.cart-total').find('input').click(function() {
document.location = '/cart';
});




Спасибо, сработало.
Во всплывающем окне корзины почему то показывает на один добавленный товар меньше? Добавил 5, а показывает 4. Общую сумму показывает верно, но когда просматриваешь (прокручиваешь) добавленные товары, то их на один меньше. Как это можно исправить?

#20 Stasya

Stasya

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

  • Модераторы
  • 4 007 сообщений

Отправлено 16 Сентябрь 2016 - 12:33

Просмотр сообщенияbg999 (09 Сентябрь 2016 - 17:55) писал:

Спасибо, сработало.
Во всплывающем окне корзины почему то показывает на один добавленный товар меньше? Добавил 5, а показывает 4. Общую сумму показывает верно, но когда просматриваешь (прокручиваешь) добавленные товары, то их на один меньше. Как это можно исправить?

В шаблоне HTML найдите строку
<div class="cart-item"><div id="mcs_container1" class="mcs_container" style="max-height:252px"><div class="customScrollBox"><div class="container"><div class="content"></div></div></div></div></div>
и замените ее на
<div class="cart-item"><div id="mcs_container1" class="mcs_container" style="max-height:150px"><div class="customScrollBox"><div class="container"><div class="content"></div></div></div></div></div>





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

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