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


Добавить Кнопку. Изменить Поля Ввода


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

#1 Egik

Egik

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

  • Пользователи
  • PipPipPipPip
  • 659 сообщений
  • ГородМосква

Отправлено 11 Март 2016 - 23:27

Здравствуйте!Аккаунт SL-205650
Помогите немного отредактировать корзину
1.Добавить кнопку на первой стадии в корзине скрин1
2.Редактировал поля ввода в шаблоне "оформление заказа" но почему то не изменяется, как хотелось скрин2
3.добавить информацию после оформления заказа скрин3

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

  • Безымянный-корзина.png
  • Безымянный-корзина1.png
  • Безымянный-корзина2.png


#2 Vaccina

Vaccina

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

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

Отправлено 12 Март 2016 - 02:53

1. В шаблоне Корзина найдите:
<a id="startOrder" class="button" title="Перейти к оформлению заказа">Оформить заказ</a>

замените на:
<a id="contBuy" class="button" href="{CATALOG_URL}" style="float:left;" title="Продолжить покупки">Продолжить покупки</a>
<a id="startOrder" class="button" title="Перейти к оформлению заказа">Быстрый заказ</a>

2. В шаблоне Быстрый заказ найдите:
<div class="orederData">
<label for="reg_name" class="required">ФИО<em>*</em></label>
<i class="fa fa-user"></i>
<input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
</div>
<div class="orederData">
<label for="sites_client_phone" class="required">Телефон для связи<em>*</em></label>
<i class="fa fa-phone"></i>
<input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
</div>
<div class="orederData">
<label for="contactEmail" class="required">E-mail<em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}><span class="star">*</span></em></label>
<i class="fa fa-envelope"></i>
<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"/>
</div>

Замените на:
<div class="orederData">
<label for="reg_name" class="required">ФИО<em>*</em></label>
<i class="fa fa-user"></i>
<input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
<p>Подсказка №1</p>
</div>
<div class="orederData">
<label for="sites_client_phone" class="required">Телефон для связи<em>*</em></label>
<i class="fa fa-phone"></i>
<input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
<p>Подсказка №2</p>
</div>
<div class="orederData">
<label for="contactEmail" class="required">E-mail<em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}><span class="star">*</span></em></label>
<i class="fa fa-envelope"></i>
<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"/>
<p>Подсказка №3</p>
</div>

и замените текст в нем на необходимый.

3. В шаблоне Просмотр заказа найдите:
<a href="http://{NET_DOMAIN}/" class="button">Перейти на главную</a>

после него пропишите:
<div style="float:right;border:20x solid #ccc;padding:5px;">Заказ {% IF ORDER_NUM %}№{ORDER_NUM}{% ENDIF %} успешно оформлен.</div>


#3 aleff

aleff

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

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

Отправлено 13 Январь 2017 - 14:36

Просмотр сообщенияVaccina (12 Март 2016 - 02:53) писал:

1. В шаблоне Корзина найдите:
<a id="startOrder" class="button" title="Перейти к оформлению заказа">Оформить заказ</a>

замените на:
<a id="contBuy" class="button" href="{CATALOG_URL}" style="float:left;" title="Продолжить покупки">Продолжить покупки</a>
<a id="startOrder" class="button" title="Перейти к оформлению заказа">Быстрый заказ</a>

2. В шаблоне Быстрый заказ найдите:
<div class="orederData">
<label for="reg_name" class="required">ФИО<em>*</em></label>
<i class="fa fa-user"></i>
<input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
</div>
<div class="orederData">
<label for="sites_client_phone" class="required">Телефон для связи<em>*</em></label>
<i class="fa fa-phone"></i>
<input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
</div>
<div class="orederData">
<label for="contactEmail" class="required">E-mail<em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}><span class="star">*</span></em></label>
<i class="fa fa-envelope"></i>
<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"/>
</div>

Замените на:
<div class="orederData">
<label for="reg_name" class="required">ФИО<em>*</em></label>
<i class="fa fa-user"></i>
<input id="reg_name" name="form[contact][person]" value="{ORDER_FORM_CONTACT_PERSON}" maxlength="100" class="required input-text" type="text"/>
<p>Подсказка №1</p>
</div>
<div class="orederData">
<label for="sites_client_phone" class="required">Телефон для связи<em>*</em></label>
<i class="fa fa-phone"></i>
<input id="sites_client_phone" name="form[contact][phone]" value="{ORDER_FORM_CONTACT_PHONE}" maxlength="255" class="required input-text" type="text"/>
<p>Подсказка №2</p>
</div>
<div class="orederData">
<label for="contactEmail" class="required">E-mail<em class="contactRegisterNeedElement" {% IFNOT ORDER_FORM_CONTACT_WANT_REGISTER %}style="display:none;"{% ENDIF %}><span class="star">*</span></em></label>
<i class="fa fa-envelope"></i>
<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"/>
<p>Подсказка №3</p>
</div>

и замените текст в нем на необходимый.

3. В шаблоне Просмотр заказа найдите:
<a href="http://{NET_DOMAIN}/" class="button">Перейти на главную</a>

после него пропишите:
<div style="float:right;border:20x solid #ccc;padding:5px;">Заказ {% IF ORDER_NUM %}№{ORDER_NUM}{% ENDIF %} успешно оформлен.</div>


При удалении позиции в корзине, стоимость не меняется( меняется если полностью обновить стр) , необходимо добавить кнопку обновить, а также необходимо выровнять поля заполнения заказа по центру.

#4 Ирина345

Ирина345

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

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

Отправлено 20 Январь 2017 - 11:20

Просмотр сообщенияaleff (13 Январь 2017 - 14:36) писал:

При удалении позиции в корзине, стоимость не меняется( меняется если полностью обновить стр) , необходимо добавить кнопку обновить, а также необходимо выровнять поля заполнения заказа по центру.
Здравствуйте, найдите в файле main.js код
// Удаление товара из корзины без обновлении страницы
function removeFromCart(e){
  if(confirm('Вы точно хотите удалить товар из корзины?')){
  var del = e; 
  e.parent().fadeOut().remove();
  url = del.data('href');
  quantity = del.data('count');
  $('.total-sum').animate({opacity: 0},500);
  $.ajax({
	cache   : false,
  url	: url,
	success: function(d){
	  var oldCount = $('.cart-count').text();
	  var oldQuantity = quantity;
	  var newCount = oldCount - oldQuantity;
	  $('.cart-count').text(newCount);
	  $('.total-sum').animate({opacity: 1},500);
	  $('.total-sum').html($(d).find('.total-sum').html());
		var flag = 0;
		if(newCount != 0){
		$('.cart-products-list li.cart-item').each(function(){
		  if(flag == 0){
			if($(this).css('display') == 'none'){
			  $(this).show();
			flag++;
			}
		  }
		})}else{
		  $('.block-cart').removeClass('have-items');
		  $('.cart-products-list').hide();
		  $('.subtotal').hide();
		  $('.dropdown-cart .button').hide();
		  $('.dropdown-cart .cart-content').prepend('<div class="cart-empty">Ваша корзина пуста</div>');
		}
	  }
	})
  }
}
замените на
// Удаление товара из корзины без обновлении страницы
function removeFromCart(e){
  if(confirm('Вы точно хотите удалить товар из корзины?')){
  var del = e; 
  e.parent().fadeOut().remove();
  url = del.data('href');
  quantity = del.data('count');
  $('.total-sum').animate({opacity: 0},500);
  $.ajax({
	cache   : false,
  url	: url,
   success: function() {
		   $.get('url', function(d){
	  var oldCount = $('.cart-count').text();
	  var oldQuantity = quantity;
	  var newCount = oldCount - oldQuantity;
	  $('.cart-count').text(newCount);
	  $('.total-sum').animate({opacity: 1},500);
	  $('.total-sum').html($(d).find('.total-sum').html());
	  console.log($(d).html());
		var flag = 0;
		if(newCount != 0){
		$('.cart-products-list li.cart-item').each(function(){
		  if(flag == 0){
			if($(this).css('display') == 'none'){
			  $(this).show();
			flag++;
			}
		  }
		})}else{
		  $('.block-cart').removeClass('have-items');
		  $('.cart-products-list').hide();
		  $('.subtotal').hide();
		  $('.dropdown-cart .button').hide();
		  $('.dropdown-cart .cart-content').prepend('<div class="cart-empty">Ваша корзина пуста</div>');
		}
		   }); 
	  }
	 

	 
	})
  }
}





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

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