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

[Дима Шумский]

Доброго времени суток! SL-335085. Подскажите, как воплотить в жизнь идею:

1. Установить на странице товара иконку "Купить в 1 клик", как показано на картинке


2. При нажатии на которую появлялось окно, на подобие быстрого заказа


только форма выглядела бы таким образом


3. И чтобы при наведении на кнопку "Оформить заказ", она меняла свой цвет


Спасибо!

[Cupuyc]

Дима Шумский (15 Май 2015 - 12:33) писал:

Доброго времени суток! SL-335085. Подскажите, как воплотить в жизнь идею:

1. Установить на странице товара иконку "Купить в 1 клик", как показано на картинке
post-11529-0-27842000-1431008848_thumb.png

2. При нажатии на которую появлялось окно, на подобие быстрого заказа
купить в1.1.png

только форма выглядела бы таким образом
купить в 1.4.png

3. И чтобы при наведении на кнопку "Оформить заказ", она меняла свой цвет
купить в 1.5.png

Спасибо!

Здравствуйте, это возможно, для решения данного вопроса вы можете обратиться в раздел платной доработки, для этого напишите в обратную связь -> подробное -> ТЗ с пометкой "Платная доработка"

[Дима Шумский]

Хорошо. SL-335085. Подскажите пожалуйста, как видоизменить кнопу "Быстрый заказ", а именно изменить надпись, и где меняется цвет.


далее как упростить вот эту форму


до вот такой


Спасибо!

[Cupuyc]

Дима Шумский (15 Май 2015 - 13:56) писал:

Хорошо. SL-335085. Подскажите пожалуйста, как видоизменить кнопу "Быстрый заказ", а именно изменить надпись, и где меняется цвет.
1клик.png

далее как упростить вот эту форму
купить в1.1.png

до вот такой
купить в 1.4.png купить в 1.5 (1).png

Спасибо!

Зайдите в админ. панель админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар найдите код:

				 <input type="button" value="Быстрый заказ" id="button-cart" class="add-cart quick button btn-cart btn-cart-single" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

Замените его на:

				 <input type="button"
value="Купить в 1 клик"
id="button-cart" class="add-cart quick button btn-cart btn-cart-single" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"
style="background-color: red;"/>

В строке "value="Купить в 1 клик""  измените значение "Купить в 1 клик", в строке "style="background-color: red;"/>" измените значение "background-color: red;", на нужные Вам значения.

[Дима Шумский]

Отлично. А как упростить это?

[Dars]

Дима Шумский (15 Май 2015 - 17:45) писал:

Отлично. А как упростить это?

1клик2 (1).png

Обновленный шаблон "Быстрый заказ" (заменить весь код):

Скрытый текст

{% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE | nl2br}</div>{% ENDIF %}
{% IF cart_count_empty %}
  <h2 class="alignCenter">Ваша корзина пуста, пожалуйста, выберите другой товар для оформления заказа</h2>
{% ELSE %}
<div>
<div class="quickformfast">
  <form action="{ORDER_STAGE_CONFIRM_WITHOUT_DOMAIN_URL}" method="post"  id="quickform">
	<div style="padding:0 0.5em;">
	  <input type="hidden" name="hash" value="{HASH}" />
	  <!-- Данные покупателя -->
	  <div>
		<div class="title-box text-center">
		  <h2>Оформление заказа</h2>
		</div>
		<table class="form">
		  <tr>
			<td><label for="reg_name" class="required">ФИО <em>*</em></label></td>
			<td><input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/></td>
		  </tr>
		  {% IFNOT FORM_NOTICE %}
		  <tr>
			<td><label for="contactEmail" class="required">E-mail <em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>*</em></label></td>	  
			<td><input id="contactEmail" name="form[contact][email]" value="{ORDER_FORM_CONTACT_EMAIL}" maxlength="255" class="{% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %} email input-text" type="text"/></td>
		  </tr>
		  {% ENDIF %}
		  <tr>
			<td><label for="sites_client_phone" class="required">Телефон для связи <em>*</em></label></td>
			<td><input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
		  </tr>
		  {% IFNOT FORM_NOTICE %}
		  <tr>
			<td></td>
			<td>
			  <!-- Если в тарифном плане подключен раздел личного кабинета -->
			  {% IF TARIFF_FEATURE_CLIENT_ROOM %}
				{% IFNOT CLIENT_IS_LOGIN %}
				  <div class="control">
					<input type="checkbox" id="contactWantRegister" name="form[contact][want_register]" value="1" {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}checked="checked"{% ENDIF %}><label for="contactWantRegister">Я хочу зарегистрироваться</label>
				  </div>
				{% ENDIF %}
			  {% ENDIF %}
			</td>
		  </tr>
		  <!-- Если в тарифном плане подключен раздел личного кабинета -->
		  {% IF TARIFF_FEATURE_CLIENT_ROOM %}
			{% IFNOT CLIENT_IS_LOGIN %}
			  <tr class="fieldset contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>
				<td><label for="contactPassWord" class="required">Придумайте пароль<em>*</em></label></td>
				<td><input id="contactPassWord" type="password" name="form[contact][pass]" value="{ORDER_FORM_CONTACT_PASS}" maxlength="50" minlength="6" class="input-text {% IF ORDER_FORM_CONTACT_WANT_REGISTER %}required{% ENDIF %}" onkeyup="checkCapsWarning(event)" onfocus="checkCapsWarning(event)" onblur="removeCapsWarning()"/></td>
			   </tr>
			  <tr class="fieldset contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}>
				<td></td>
				<td>
				  {% IFNOT user_agent_ie %}
					<div class="showPassBlock"><a href="#" rel="Скрыть пароль" class="OrderShowPass">Показать пароль</a></div>
				  {% ENDIF %}
				 
				  <div id="caps_lock">
					<span class="icon-warning"></span><br/>
					<strong>Caps Lock включен.</strong><br/>
					<span>Пароль может быть введен неверно.</span>
				  </div>
				</td>
			  </tr>
			{% ENDIF %}
		  {% ENDIF %}
		  {% ENDIF %}
		</table>
	  </div>
	  {% IFNOT FORM_NOTICE %}
	  <!-- Способ доставки-->
	  <div>
		<div class="title-box text-center">
		  <h2 class="title" title="Выберите удобный для вас способ доставки">Cпособ доставки</h2>
		</div>
		<table class="orderStageDeliveryListTable basket" style="max-width: 775px;">
		  {% FOR order_delivery %}
			<tbody rel="{order_delivery.ID}">
			  <tr {% IF order_delivery.first %}class="first"{% ENDIF %}>
				<td class="cell1" width="5%">
				  <input type="radio" id="quickDeliveryIdMain{order_delivery.ID}" name="form[delivery][id]" value="{order_delivery.ID}" class="required deliveryRadio"
					{% IFNOT ORDER_FORM_DELIVERY_ID %}
					  {% IF order_delivery.first %}
						checked="checked"
					  {% ENDIF %}
					{% ELSEIF order_delivery.ID = ORDER_FORM_DELIVERY_ID %}
					  checked="checked"
					{% ENDIF %}
				  />
				</td>
				<td class="cell2" width="60%">
				  <label for="quickDeliveryIdMain{order_delivery.ID}">{order_delivery.NAME}</label>
				  {% IF order_delivery.DESC %}
					<div class="htmlDataBlock">{order_delivery.DESC}</div>
				  {% ENDIF %}
				</td>
				<td class="cell3 price">
				  <span class="orderStageDeliveryDefaultPrice" {% IF order_delivery.ZONE_ID>0 %}style="display:none;"{% ENDIF%}>{order_delivery.END_PRICE | money_format}</span>
				  <span class="orderStageDeliveryZonePrice" {% IF order_delivery.ZONE_ID<1 %}style="display:none;"{% ENDIF%}>{order_delivery.ZONE_END_PRICE | money_format}</span>
				</td>
			  </tr>
			  {% IFNOT order_delivery.zone_list_empty %}
				{% FOR zone_list %}
				  <tr class="zones">
					<td></td>
					<td>
					  <!-- Заголовок внутри метода доставки, появляется только один раз--> 
					  {% IF order_delivery.zone_list.index=1 %}
						<label for="quickDeliveryIdMain{order_delivery.ID}" class="zones-header">Зоны доставки</label><br />
					  {% ENDIF %}
					  <input
						type="radio" class="deliveryZoneRadio" deliveryid="{order_delivery.ID}" id="quickDeliveryZoneId{order_delivery.zone_list.ID}" name="form[delivery][zone_id]" value="{order_delivery.zone_list.ID}"
						{% IF order_delivery.zone_list.ID = ORDER_FORM_DELIVERY_ZONE_ID %}
						  checked="checked" rel="true"
						{% ENDIF %}
					  />
					  <label class="orderStageDeliveryZoneLabel" for="quickDeliveryZoneId{order_delivery.zone_list.ID}" style="color: #333;">
						{order_delivery.zone_list.NAME}
						<span class="deliveryZonePrice" style="color: #333;">{order_delivery.zone_list.END_PRICE | money_format}</span>
					  </label>
					</td>
					<td></td>
				  </tr>
				{% ENDFOR %}
			  {% ENDIF %}
			</tbody>
		  {% ENDFOR %}
		</table>
	  </div>
	  <!-- Способ оплаты -->
	  {% FOR order_delivery %}
		{% IFNOT order_delivery.available_payment_list_empty  %}
		  <div class="quick_order_payment" rel="{order_delivery.ID}" style="display: none;">
			<div class="title-box text-center">
			  <h2 class="title" title="Выберите удобный для вас способ оплаты заказа">Cпособ оплаты</h2>
			</div>
			<table class="orderStagePaymentListTable basket" style="max-width: 775px;">
			  {% FOR available_payment_list %}
				<tr>
				  <td class="cell1" width="5%"><input type="radio" id="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}" name="form[payment][id]" value="{order_delivery.available_payment_list.ID}"  class="required" {% IFNOT ORDER_FORM_PAYMENT_ID %}{% IF order_delivery.available_payment_list.first %}checked="checked"{% ENDIF %}{% ELSEIF order_delivery.available_payment_list.ID = ORDER_FORM_PAYMENT_ID %}checked="checked"{% ENDIF %}/></td>
				  <td class="cell2" width="95%">
					<label for="quickPaymentId{order_delivery.ID}_{order_delivery.available_payment_list.ID}">{order_delivery.available_payment_list.NAME}</label>
					<!-- Сообщение для пользователя -->
					{order_delivery.available_payment_list.MESSAGE}
				  </td>
				</tr>
			  {% ENDFOR %}
			</table>
		  </div>
		{% ENDIF %}
	  {% ENDFOR %}
	  <!-- Адрес доставки-->
	  <div>
		<div class="title-box text-center">
		  <h2 class="title">Адрес доставки заказа</h2>
		</div>
		<ul class="form-list unstyled">  
		  <!-- Если поле страны доставки запрашивается -->
		  {% IF SETTINGS_ORDER_FIELDS_COUNTRY < 3 %}
			<li class="fields">
			  {% IFNOT country_list_empty %}
				<div class="field">
				  <label for="quickDeliveryCountry" {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}class="required"{% ENDIF %}>Страна{% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}<em>*</em>{% ENDIF %}</label>
				  <div class="input-box">
					<select id="quickDeliveryCountry" name="form[delivery][country_id]" class="form-select {% IF SETTINGS_ORDER_FIELDS_COUNTRY=1 %}required{% ENDIF %}" style="float: none;">
					  {% FOR country_list %}
						<option value="{country_list.ID}" {% IF country_list.ID=ORDER_FORM_DELIVERY_COUNTRY_ID %}selected="selected"{% ENDIF %}>
						  {country_list.NAME}
						</option>
					  {% ENDFOR %}
					</select>
				  </div>
				</div>
			  {% ENDIF %}
			</li>
		  {% ENDIF %}
		 
		  <!-- Если поле области запрашивается -->
		  {% IF SETTINGS_ORDER_FIELDS_REGION < 3 %}
			<li class="fields">
			  <div class="field">
				<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="input-text {% IF SETTINGS_ORDER_FIELDS_REGION=1 %}required{% ENDIF %}"/>
				</div>
			  </div>
			</li>
		  {% ENDIF %}
		 
		  <!-- Если поле города запрашивается -->
		  {% IF SETTINGS_ORDER_FIELDS_CITY < 3 %}
			<li class="fields">
			  <div class="field">
				<label for="quickDeliveryCity" {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}class="required"{% ENDIF %}>Город{% IF SETTINGS_ORDER_FIELDS_CITY=1 %}<em>*</em>{% ENDIF %}</label>
				<div class="input-box">
				  <input type="text" id="quickDeliveryCity" name="form[delivery][city]" value="{ORDER_FORM_DELIVERY_CITY}" class="input-text {% IF SETTINGS_ORDER_FIELDS_CITY=1 %}required{% ENDIF %}" maxlength="255" />
				</div>
			  </div>
			</li>
		  {% ENDIF %}
		 
		  <!-- Если поле почтового индекса запрашивается -->
		  {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE < 3 %}
			<li class="fields">
			  <div class="field">
				<label for="quickDeliveryZipCode" {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}class="required"{% ENDIF %}>Почтовый индекс{% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}<em>*</em>{% ENDIF %}</label>
				<div class="input-box">
				  <input type="text" id="quickDeliveryZipCode" name="form[delivery][zip_code]" value="{ORDER_FORM_DELIVERY_ZIP_CODE}" minlength="5" maxlength="6" class="input-text digits {% IF SETTINGS_ORDER_FIELDS_ZIP_CODE=1 %}required{% ENDIF %}" maxlength="255" />
				</div>
			  </div>
			</li>
		  {% ENDIF %}
		 
		  <!-- Если поле даты доставки запрашивается -->
		  {% 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="text" 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="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">
				  c
				  <select class="form-select" name="form[delivery][convenient_time_from]">
					<option></option>
					{% FOR convenient_time_from_list %}
					  <option value="{convenient_time_from_list.HOUR_INT}" {% IF convenient_time_from_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_from_list.HOUR}</option>
					{% ENDFOR %}
				  </select>
				  до
				  <select class="form-select" name="form[delivery][convenient_time_to]">
					<option></option>
					{% FOR convenient_time_to_list %}
					  <option value="{convenient_time_to_list.HOUR_INT}" {% IF convenient_time_to_list.SELECTED %}selected="selected"{% ENDIF %}>{convenient_time_to_list.HOUR}</option>
					{% ENDFOR %}
				  </select>
				</div>
			  </div>
			</li>
		  {% ENDIF %}			 
		   
		  <!-- Если поле адреса доставки запрашивается -->
		  {% IF SETTINGS_ORDER_FIELDS_ADDRESS < 3 %}
			<li class="wide">
			  <div class="clear"></div>
			  <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_COMMENT < 3 %}
			<li class="wide">
			  <div class="clear"></div>
			  <label for="quickDeliveryComment" {% 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="quickDeliveryComment" name="form[delivery][comment]" class="{% IF SETTINGS_ORDER_FIELDS_COMMENT=1 %}required{% ENDIF %} textarea">{ORDER_FORM_DELIVERY_COMMENT}</textarea>
			  </div> 
			</li>
		  {% ENDIF %}
		</ul>
	  </div>
	 
	  <!-- Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
	  <div>
	  {% IF TARIFF_FEATURE_DISCOUNT_COUPONS %}
		<!-- Если скидки по купонам активированы в панели управления магазином -->
		{% IF ORDER_DISCOUNT_COUPON_IS_ENABLED %}
			<div class="title-box text-center">
			  <h2 class="title">Купон на скидку, если имеется</h2>
			</div>
			<ul class="form-list couponBlock">
			  <li>
				<label for="quick_form_coupon_code">Код купона</label>
				<div class="input-box">
				  <input type="text" id="quick_form_coupon_code" name="form[coupon_code]" value="{ORDER_FORM_COUPON_CODE}" class="input-text" />
				</div>
			  <li>
			</ul>
		{% ENDIF %}
	  {% ENDIF %}
	  </div>
	  <!-- END Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
	  <br>
	  {% ENDIF %}
	  <button type="submit" class="button" title="Оформить заказ">Оформить заказ</button>
	</div>
  </form>

<script type="text/javascript">
  $(document).ready(function(){
   
	// При клике на кнопку быстрого оформления заказа
	$(".quickform").click(function () { 
	 
	  // Текущая кнопка по всей логике больше не понадобится пользователю, скрываем её. Аналогично, если пользователь оформляет заказ, с большой вероятностью кнопка продолжить покупки ему тоже не нужна, тем более, что есть кнопка закрытия окна полностью дублирующая функционал кнопки "продолжить покупки"
	  $(this).hide().parent().find('.сlose2').hide();
	  if ($('#quickform2').hasClass('visible')) {
		$('#quickform2').removeClass("visible");
		$('#quickform2').hide();
	  } else {
		$('#quickform2').addClass("visible");
		$('#quickform2').show();
	  }
	 
	  $.fancybox.update();
	});
   
	$(".сlose2").click(function () {
	  $.fancybox.close();
	});
   
	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);
	 
	$('.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);
	});
   
	// Форма регистрации нового пользователя, при оформлении заказа
	$('.OrderShowPass').click(function(){
	  ChangePasswordFieldType(this, $('#contactPassWord'));
	  return false;
	});
	   
	// Валидация формы на странице оформления заказа
	$("#quickform").submit(function(){
	 
	  // Если форма невалидна не отправляем её на сервер
	  if(!$(this).valid()) {
		return false;
	  }
	 
	  // Получаем данные формы, которые будем отправлять на сервер
	  var formData = $(this).serializeArray();
	  // Сообщаем серверу, что мы пришли через ajax запрос
	  formData.push({name: 'ajax_q', value: 1});
 
	  // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
	  $.ajax({
		type	: "POST",
		dataType: 'json',
	  cache   : false,
	  url	: $(this).attr('action'),
	  data  : formData,
	  success: function(data) {
		  // Если заказ был успешно создан
		  if( data.status == 'ok' ) {
			window.location = data.location;
		  } else if( data.status == 'error' ) {
			alert(data.message);
		  } else {
			alert('Во время оформления заказа возникла неизвестная ошибка. Пожалуйста, обратитесь в службу технической поддержки.');
		  }
	  }
	 });
	 
	  return false;	 
	}).validate();
   
	$("#quickDeliveryConvenientDate").datepicker({
	  dayNames	  : ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота', 'Воскресенье'],
	dayNamesMin	: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб' ],
	closeText	  : 'Готово',
	currentText	: 'Сегодня' ,
	duration	  : '',
	monthNames	: ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Окрябрь','Ноябрь','Декабрь'],
	monthNamesShort : ['Янв','Фев','Март','Апр','Май','Июнь','Июль','Авг','Сен','Окт','Ноя','Дек'],
	yearRange	  : "-6:+6",
	dateFormat	: 'dd.mm.yy',
	minDate		 : new Date(),
	firstDay	  : 1
   });
  });
 
	$(
	  $('#contactWantRegister').click(function(){
	if($(this).prop("checked")) {
	  $('.contactRegisterNeedElement').show();
	  $('#contactEmail, #contactPassWord').addClass('required');
	} else {
	  $('.contactRegisterNeedElement').hide();
	  $('#contactEmail, #contactPassWord').removeClass('required');
	}
  })
  )
 
  $(function(){
	 sd = $($('.deliveryRadio')[0]);
	 id = sd.val()
	 ,fz = $($('.deliveryZoneRadio[deliveryid='+id+']')[0]);
	 sd.prop('checked',true);
	 fz.prop('checked',true);
	 price = fz.next().find('.num').text();
	 oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num');
	 oldPrice.text(price);
  
}) 
$(function(){
   $('.deliveryRadio').each(function(){
	var
	  id = $(this).val()
	 ,fz = $($('.deliveryZoneRadio[deliveryid='+id+']')[0]);	
	 price = fz.next().find('.num').text();
	 oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num');
	 if(price != ''){
	 oldPrice.text(price);
	 }
   })
}
  
   )
$(function(){  
   $('.orderStageDeliveryListTable').on('change','.deliveryRadio',function(){
			  $('.deliveryRadio,.deliveryZoneRadio').each(function(){
			 $(this).removeAttr('checked');
			   })
	  var id = $(this).val()
		 ,fz = $($('.deliveryZoneRadio[deliveryid='+id+']')[0]);		 
		  $(this).prop('checked',true);
		  fz.prop('checked',true);  
		  price = fz.next().find('.num').text();
		  oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num');
			if(price != ''){
		  oldPrice.text(price);
			}
   })
})   
	// Действия при выборе зоны внутри варианта доставки на этапе оформления заказа
	$('.deliveryZoneRadio').click(function(){
	
  var id = $(this).attr('deliveryid'),
  price = $(this).next().find('.num').text()
  , oldPrice = $('tbody[rel='+ id +']').find('.pricefield').find('.num');
  if(price != ''){
  oldPrice.text(price);
  }
$('.deliveryRadio').each(function(){
  $(this).removeAttr('checked');  
  if($(this).val() == id){
   $(this).prop('checked',true);
  }else{
  $(this).removeAttr('checked');
  }
})
});
</script>
{% ENDIF %}
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartCount">
  {% IF cart_count_empty %}
	<span class="empty">Корзина пуста</span>
  {% ELSE %}
	<span class="not-empty"><a href="{CART_URL}" title="Перейти в корзину"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span>
	<span class="empty" style="display:none;">Корзина пуста</span>
  {% ENDIF %}
</div>
<div style="display:none;" id="newCartData">
  <!-- Выпадающая корзина-->
  <div class="block-inner">
	<ul id="cart-sidebar" class="mini-products-list">
	  {% FOR cart_items %}
	  <li class="cart-item">
		<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
		<a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a>
		<span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
		<span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span>
		<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
	  </li>
	  {% ENDFOR %}
	</ul>
	<div class="bottom-action actions">
	  <a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a>
	  <a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a>
	  <div class="summary">
		{% FOR cart_sum %}
		<span class="subtotal">
		  <span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
		</span>
		{% ENDFOR %}
	  </div>
	</div>
  </div>
  <!-- /END Выпадающая корзина-->
</div>
<!-- JS обновление данных корзины -->
<script>
$('.cart-count-block').html($('#newCartCount').html());
$('.dropdown-cart').html($('#newCartData').html());
</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->
</div>
</div>

[Дима Шумский]

Супер вообще! Подскажите только, как сделать так, чтобы при наведении на кнопочку, она меняла свой цвет. Как на картинке



Спасибо!

[Firefly]

Дима Шумский (16 Май 2015 - 14:41) писал:

Супер вообще! Подскажите только, как сделать так, чтобы при наведении на кнопочку, она меняла свой цвет. Как на картинке

купить в 1 клик.png

Спасибо!

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в самом конце код:

.add-cart.quick.button.btn-cart.btn-cart-single:hover {
background-color: #fff;
}

Далее измените код цвета #fff на необходимый.

[Дима Шумский]

Ничего не изменилось. Вот у меня есть кнопка кирпичного цвета на странице товара



Подскажите пожалуйста, как сделать, чтобы при наведении курсора она меняла свой цвет на чуть более светлый



Спасибо!

[Vaccina]

В main.css найдите:

.add-cart.quick.button.btn-cart.btn-cart-single:hover {
background-color: #fff;
}

замените на:

.add-cart.quick.button.btn-cart.btn-cart-single:hover {
background-color: #fff !important;
}

[Дима Шумский]

Здравствуйте! SL-335085 Вот такую ошибку выдаёт


Подскажите пожалуйста, как её исправить?

Спасибо!

[Дима Шумский]

Вопрос решён. Только теперь при нажатии на кнопку выскакивает форма.


Подскажите пожалуйста, как сделать, чтобы форма была просто вот такой


и чтобы не надо было вводить способ доставки и способ оплаты.

Спасибо!

[Danil]

Дима Шумский (25 Май 2015 - 18:19) писал:

Вопрос решён. Только теперь при нажатии на кнопку выскакивает форма.
1.png

Подскажите пожалуйста, как сделать, чтобы форма была просто вот такой
купить в 1.4.png

и чтобы не надо было вводить способ доставки и способ оплаты.

Спасибо!

Здравствуйте.
Вам ответили в обратную связь(на почту).