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


Галочка "согласен" В Корзине + Всплывающее Окно С Текстом Соглашения

соглашение

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

#21 working_working

working_working

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

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

Отправлено 17 Февраль 2015 - 19:53

Просмотр сообщенияVaccina (17 Февраль 2015 - 01:29) писал:

В шаблоне Корзина найдите:
</tr>
		 <tr>
			 <td colspan="50">
			 <div class="buttons">
			
				 <a class="btn form-submit" title="Пересчитать">Пересчитать</a>
				
	
				
				 <a class="btn" title="Очистить корзину" href="{CART_TRUNCATE_URL}">Очистить корзину</a>
				
			 <label for="s1"><a class="test" href="http://s1045268.storeland.ru/page/Доставка" target="_blank">С договором на оказание услуг согласен(-на)</a></label>
					 <input type="checkbox" id="s1" />
		 <div class="t1" style="display:none;">
			 <div id="text-s1">
				 Тут текст соглашения.
			 </div>
		 </div>
				
				 <a class="btn form-submit denybot" title="Перейти к оформлению заказа">Оформить заказ</a>
замените на:
</tr>
<tr>
			 <td colspan="50">
	 <div class="t1">
			 <div id="text-s1">
				 Тут текст соглашения.
			 </div>
		 </div>
			 <label for="s1"><a class="test" href="http://s1045268.storeland.ru/page/Доставка" target="_blank">С договором на оказание услуг согласен(-на)</a></label>
			 <input type="checkbox" id="s1" />
		
	 </td>
</tr>
		 <tr>
			 <td colspan="50">
			 <div class="buttons">
			
				 <a class="btn form-submit" title="Пересчитать">Пересчитать</a>
				
				 <a class="btn" title="Очистить корзину" href="{CART_TRUNCATE_URL}">Очистить корзину</a>
			
				 <a class="btn form-submit denybot" title="Перейти к оформлению заказа">Оформить заказ</a>

Далее js код:
$(function(){
$('.right .whtblue').attr('disabled', 'disabled');
$('#s1').click(function(){
console.log($(this).attr('checked'));
if($(this).attr('checked') == true ) {
$.fancybox($('.t1').html());
$('.right .whtblue').removeAttr('disabled');
} else {
$('.right .whtblue').attr('disabled', 'disabled');
}
});
});
замените на:
$(function(){
$('.form-submit.denybot').attr('disabled', 'disabled');
$('#s1').click(function(){
console.log($(this).attr('checked'));
if($(this).attr('checked') == true ) {
$.fancybox($('.t1').html());
$('.form-submit.denybot').removeAttr('disabled');
} else {
$('.form-submit.denybot').attr('disabled', 'disabled');
}
});
});

Спасибо,
1. а можно сделать как скрине? Сейчас отображается в таком виде (дополнительное поле появилось).
2. кнопка "Оформить заказ" активна, даже без галочки. как сделать, чтобы активна была только с проставлением галочки и как-то визуально была "погашена" без галочки, чтобы пользователь видел отличие.
3. Еще хотелось вставить такую же функцию с надписью с галочкой в быстрый заказ (на скрине отметил). Чтобы работала также как в корзине.
4. и отступы небольшие сделать между полем, надписью и кнопкой (чтобы не сливалось все) (на скрине тоже отметил)

Надеюсь на Вашу помощь :)
4.

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

  • Как сейчас.JPG
  • Как нужно.JPG
  • Быстрый заказ.JPG


#22 Vaccina

Vaccina

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

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

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

В шаблоне Корзина найдите:
<tr>
						 <td colspan="50">
		 <div class="t1">
						 <div id="text-s1">
								 Тут текст соглашения.
						 </div>
				 </div>
						 <label for="s1"><a class="test" href="http://s1045268.storeland.ru/page/Доставка" target="_blank">С договором на оказание услуг согласен(-на)</a></label>
						 <input type="checkbox" id="s1" />
			   
		 </td>
</tr>
				 <tr>
						 <td colspan="50">
						 <div class="buttons">
					   
								 <a class="btn form-submit" title="Пересчитать">Пересчитать</a>
							   
								 <a class="btn" title="Очистить корзину" href="{CART_TRUNCATE_URL}">Очистить корзину</a>
					   
								 <a class="btn form-submit denybot" title="Перейти к оформлению заказа">Оформить заказ</a>
замените на:
<tr>
						 <td colspan="50">
						 <div class="buttons">
					   
								 <a class="btn form-submit" title="Пересчитать">Пересчитать</a>
							   
								 <a class="btn" title="Очистить корзину" href="{CART_TRUNCATE_URL}">Очистить корзину</a>
					   
	 
		 <form action="/order/stage/contacts">
		 <button type="submit" style="float:right;" class="btn form-submit denybot" title="Перейти к оформлению заказа" >Оформить заказ</button>
		 </form>
		
		 <div style="displai:inline-block;float:right;"><label for="s1"><a class="test" href="http://s1045268.storeland.ru/page/Доставка" target="_blank">С договором на оказание услуг согласен(-на)</a></label>
								 <input type="checkbox" id="s1" /></div>

далее в main.js найдите:
$(function(){
$('.form-submit.denybot').attr('disabled', 'disabled');
$('#s1').click(function(){
console.log($(this).attr('checked'));
if($(this).attr('checked') == true ) {
$.fancybox($('.t1').html());
$('.form-submit.denybot').removeAttr('disabled');
} else {
$('.form-submit.denybot').attr('disabled', 'disabled');
}
});
});
замените на:
$(function(){
$('.form-submit.denybot').attr('disabled', 'disabled');
$('#s1').click(function(){
  $('.form-submit.denybot').attr('disabled', !$(this).is(':checked'));
});
});


#23 working_working

working_working

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

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

Отправлено 18 Февраль 2015 - 09:10

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

В шаблоне Корзина найдите:
<tr>
						 <td colspan="50">
		 <div class="t1">
						 <div id="text-s1">
								 Тут текст соглашения.
						 </div>
				 </div>
						 <label for="s1"><a class="test" href="http://s1045268.storeland.ru/page/Доставка" target="_blank">С договором на оказание услуг согласен(-на)</a></label>
						 <input type="checkbox" id="s1" />
			
		 </td>
</tr>
				 <tr>
						 <td colspan="50">
						 <div class="buttons">
					
								 <a class="btn form-submit" title="Пересчитать">Пересчитать</a>
							
								 <a class="btn" title="Очистить корзину" href="{CART_TRUNCATE_URL}">Очистить корзину</a>
					
								 <a class="btn form-submit denybot" title="Перейти к оформлению заказа">Оформить заказ</a>
замените на:
<tr>
						 <td colspan="50">
						 <div class="buttons">
					
								 <a class="btn form-submit" title="Пересчитать">Пересчитать</a>
							
								 <a class="btn" title="Очистить корзину" href="{CART_TRUNCATE_URL}">Очистить корзину</a>
					
	
		 <form action="/order/stage/contacts">
		 <button type="submit" style="float:right;" class="btn form-submit denybot" title="Перейти к оформлению заказа" >Оформить заказ</button>
		 </form>
		
		 <div style="displai:inline-block;float:right;"><label for="s1"><a class="test" href="http://s1045268.storeland.ru/page/Доставка" target="_blank">С договором на оказание услуг согласен(-на)</a></label>
								 <input type="checkbox" id="s1" /></div>

далее в main.js найдите:
$(function(){
$('.form-submit.denybot').attr('disabled', 'disabled');
$('#s1').click(function(){
console.log($(this).attr('checked'));
if($(this).attr('checked') == true ) {
$.fancybox($('.t1').html());
$('.form-submit.denybot').removeAttr('disabled');
} else {
$('.form-submit.denybot').attr('disabled', 'disabled');
}
});
});
замените на:
$(function(){
$('.form-submit.denybot').attr('disabled', 'disabled');
$('#s1').click(function(){
$('.form-submit.denybot').attr('disabled', !$(this).is(':checked'));
});
});

Все получилось, огромное спасибо

#24 ac-dream

ac-dream

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

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

Отправлено 07 Июнь 2019 - 15:18

Приветствую!
Ответьте, пожалуйста, как можно быстрее.
При оформлении заказа кнопка "Перейти на следующий шаг" белая с белым текстом. Как изменить цвет:
1. фона кнопки,
2. текста на кнопке

СКРИН прикрепила

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

  • Без имени-3.jpg


#25 stasia

stasia

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

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

Отправлено 10 Июнь 2019 - 14:31

Просмотр сообщенияac-dream (07 Июнь 2019 - 15:18) писал:

Приветствую!
Ответьте, пожалуйста, как можно быстрее.
При оформлении заказа кнопка "Перейти на следующий шаг" белая с белым текстом. Как изменить цвет:
1. фона кнопки,
2. текста на кнопке

СКРИН прикрепила

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:

.nextStage .button{color:white;display:inline-block;font-size:18px;border:1px solid #ddd;padding:8px 28px 8px 28px;margin:10px 0 0 10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}

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

.nextStage .button{color: #000;background-color: #b194c9;display:inline-block;font-size:18px;border:1px solid #ddd;padding:8px 28px 8px 28px;margin:10px 0 0 10px;cursor:pointer;transition:all 0.35s ease;-moz-transition:all 0.35s ease;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;}

Найдите в нем   color: #000;  и замените   000  на Ваш код цвета(шестизначный).
Найдите в нем   background-color: #b194c9;  и замените   b194c9  на Ваш код цвета(шестизначный).




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

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