avatar

Согласие с правилами магазина перед заказом

Опубликовал в блог Дополнения и модули для Simpla CMS
0
Небольшое полезное дополнение, вставляет checkbox в корзину и не дает делать заказ пока покупатель его не активирует, означающий, что он принял условия вашего интернет-магазина.

Из файла www/design/ваш шаблон/html/product.tpl вырезаем (для версии 2.3.x)
<script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />

и вставляем в www/design/ваш шаблон/html/index.tpl после
{* js-проверка форм *}
<script src="js/baloon/js/baloon.js" type="text/javascript"></script>
<link   href="js/baloon/css/baloon.css" rel="stylesheet" type="text/css" />

далее ищем в index.tpl такой код
<script>
	$(function() {
		//  Автозаполнитель поиска
		$(".input_search").autocomplete({
			serviceUrl:'ajax/search_products.php',
			minChars:1,
			noCache: false, 
			onSelect:
				function(suggestion){
					 $(".input_search").closest('form').submit();
				},
			formatResult:
				function(suggestion, currentValue){
					var reEscape = new RegExp('(\\' + ['/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\'].join('|\\') + ')', 'g');
					var pattern = '(' + currentValue.replace(reEscape, '\\$1') + ')';
	  				return (suggestion.data.image?"<img align=absmiddle src='"+suggestion.data.image+"'> ":'') + suggestion.value.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>');
				}	
		});
	});
	</script>

и меняем его на
<script>
	$(function() {
		//  Автозаполнитель поиска
		$(".input_search").autocomplete({
			serviceUrl:'ajax/search_products.php',
			minChars:1,
			noCache: false, 
			onSelect:
				function(suggestion){
					 $(".input_search").closest('form').submit();
				},
			formatResult:
				function(suggestion, currentValue){
					var reEscape = new RegExp('(\\' + ['/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\'].join('|\\') + ')', 'g');
					var pattern = '(' + currentValue.replace(reEscape, '\\$1') + ')';
	  				return (suggestion.data.image?"<img align=absmiddle src='"+suggestion.data.image+"'> ":'') + suggestion.value.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>');
				}	
		});
		// Перехватываем событие отправки формы
$("form#cart").submit(function(event){
	if($("#set").attr("checked") != 'checked') {
		$.fancybox( '<h2>Подтвердите отправку ваших данных!</h2>' );
		$("#set").css('background', 'red');
		return false;
	}
	return true;
});
	});
	</script>

далее открываем файл www/design/ваш шаблон/html/cart.tpl и ищем
<form method="post" name="cart">

меняем на
<form id="cart" method="post" name="cart">

здесь же в нужном месте вставляем
<input type="checkbox" id="set"/>
Я согласен с <a target="_blank" href="ссылка на страницу с правилами">правилами</a>


Все, остальное за вами, в плане верстки.
Спасибо, Noxter

ДЕМО

Добавляем в корзину товар и делаем заказ.
1 комментарий RSS
avatar
симпла 2.3.7 все установил. но если поставить галочку или что не поставить — все равно вылазит сообщение и заказ не проходит! что может быть. как понимаю что то с условием в index.tpl?
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.