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


Фото
- - - - -

[2.3.2] Согласие с правилами оформления заказа


  • Чтобы отвечать, сперва войдите на форум
17 ответов в теме

Опрос: Тебе понадобилось решение? (39 пользователей проголосовали)

Тебе понадобилось решение?

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

#1 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 7 178 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 21.03.2014 - 12:02

В продолжении темы http://forum.simplac...ами-при-заказе/
Набросал простое рабочее решение.
 
Начнем.
Из файла product.tpl перенесем подключение Fancybox в index.tpl, т.е. код:
{* Увеличитель картинок *}
<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" />

перенесем в index.tpl перед:

{* Автозаполнитель поиска *}

Чуток ниже в фале index.tpl в функции:

$(function() {

добавим:

// Перехватываем событие отправки формы
$("form#cart").submit(function(event){
	if($("#set").attr("checked") != 'checked') {
		$.fancybox( '<h2>Подтвердите отправку ваших данных!</h2>' );
		$("#set").css('background', 'red');
		return false;
	}
	return true;
});

Далее откроем файл cart.tpl и найдем тег <form> и заменим его на:

<form id="cart" method="post" name="cart">

Далее в нужном нам месте (естественно внутри тега <form>) вставим следующий код:

<textarea id="rules">Какой-то текст...</textarea>
<label>Я согласен с правилами</label>
<input type="checkbox" id="set"/>

Готово! У кого получилось ставим плюсик справа внизу поста.

 



#2 Gloobus

Gloobus
  • Фрилансер
  • 135 сообщений
  • Программирование
  • Версия CMS:1.x, 2.x
  • Откуда:Москва

Опубликовано 26.03.2014 - 08:04

Можно еще добавить в таблицу настроек поле, куда из админки добавлять/править текст соглашения. Работы меньше, чем написать инструкцию как это сделать :)



#3 Reni

Reni
  • Пользователь
  • 67 сообщений
  • Версия CMS:2.x
  • Откуда:Санкт-Петербург

Опубликовано 26.03.2014 - 13:25

Можно увидеть рабочий пример?

 

зы плюсик есть стрелочка



#4 dimon1974

dimon1974
  • Пользователь
  • 130 сообщений
  • Пользователь
  • Версия CMS:2.x

Опубликовано 10.08.2014 - 19:00

А как сделать, чтобы заказ не проходил, пока покупатель не поставит галочку в чек-бокс?



#5 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 7 178 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 10.08.2014 - 19:17

А как сделать, чтобы заказ не проходил, пока покупатель не поставит галочку в чек-бокс?

Заказ и так не пройдет пока он не поставит галочку, идет проверка в JS.
Конечно же дополнительно можно сделать проверку в PHP но зачем?

#6 dimon1974

dimon1974
  • Пользователь
  • 130 сообщений
  • Пользователь
  • Версия CMS:2.x

Опубликовано 10.08.2014 - 19:18

У меня заказ проходит на 2.3.5



#7 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 7 178 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 10.08.2014 - 19:20

У меня заказ проходит на 2.3.5

Дайте ссылку на сайт (можно в ЛС).

#8 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 7 178 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 10.08.2014 - 19:29

У меня заказ проходит на 2.3.5

У Вас не подключен скрипт фенсибокс, он должен быть подключен в index.tpl перед вызовом моего кода.

#9 dimon1974

dimon1974
  • Пользователь
  • 130 сообщений
  • Пользователь
  • Версия CMS:2.x

Опубликовано 10.08.2014 - 19:38

У Вас не подключен скрипт фенсибокс, он должен быть подключен в index.tpl перед вызовом моего кода.

Да, увидел, исправил!

Noxter, Спасибо, что откликнулся!



#10 sansara0891

sansara0891
  • Пользователь
  • 119 сообщений
  • Откуда:Minsk

Опубликовано 15.11.2014 - 23:43

Нокстер, а у тебя нет готового решщения, чтобы фото товара при увелечении можно было пролистывать на следующее фото?

#11 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 7 178 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 18.12.2014 - 13:07

Нокстер, а у тебя нет готового решщения, чтобы фото товара при увелечении можно было пролистывать на следующее фото?

Это есть в стандартном шаблоне Simpla CMS.

#12 Selin

Selin
  • Пользователь
  • 9 сообщений
  • Дизайн, Программирование, Верстка, SEO, Пользователь
  • Откуда:Южно-Сахалинск

Опубликовано 23.04.2019 - 16:07

	{* Канонический адрес страницы *}
	{if isset($canonical)}<link rel="canonical" href="{$config->root_url}{$canonical}"/>{/if}

	{* Стили *}
	<link href="design/{$settings->theme|escape}/css/style.css" rel="stylesheet" type="text/css" media="screen"/>
	<script src='https://www.google.com/recaptcha/api.js'></script>

	{* JQuery *}
	<script type="text/javascript" src="jquery.cookie.js"></script>
	<script src="js/jquery/jquery.js"  type="text/javascript"></script>
	<script src="design/{$settings->theme}/js/bootstrap.min.js"></script>
	<script src="design/{$settings->theme}/js/scripts.js"></script>
     {literal}
   	<script>
	$(function() {
		$(".top_ul li.selected").parent("ul").show();
		$(".top_ul > li").each(function() {
		$(this).addClass("top_li");
			if ($(this).hasClass("selected"))
			{
				$(this).next("ul").show();
			}
		});
        $(".top_ul li a").click(function(){
           if ($(this).parent().find('ul').length) {
               $(this).parent().siblings().find("a.selected:visible").removeClass("selected");
               $(this).closest('li').children("ul").slideToggle("slow");
               $(this).parent().siblings().find("ul:visible").slideUp("slow");
               $(this).toggleClass("selected");
           return false;
           }
        });
	});
	</script>
	{/literal}
	
	{* Увеличитель картинок *}
    <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" />
    <script>
    $(function() {
	// Перехватываем событие отправки формы
    $("form#cart").submit(function(event){
	if($("#set").attr("checked") != 'checked') {
		$.fancybox( '<h2>Подтвердите отправку ваших данных!</h2>' );
		$("#set").css('background', 'red');
		return false;
	}
	return true;
    });
    </script>
    
</head>

Ребят подскажите! все ли верно сделал, а то заказ проходит!



#13 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 7 178 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 23.04.2019 - 16:25

Ребят подскажите! все ли верно сделал, а то заказ проходит!

Как минимум нужна ссылка на сайт чтобы проверить работоспособность...

#14 phukortsin

phukortsin
  • Фрилансер
  • 903 сообщений
  • Программирование, Пользователь
  • Версия CMS:2.x
  • Откуда:Львов

Опубликовано 24.04.2019 - 12:32

Ребят подскажите! все ли верно сделал, а то заказ проходит!

Как минимум нужна ссылка на сайт чтобы проверить работоспособность...

 
Не нужна тут никакая ссылка.
Достаточно минимальных скилов начинающего, чтобы увидеть синтаксические ошибки - элементарно скобки непарные...

#15 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 7 178 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 24.04.2019 - 12:48

Не нужна тут никакая ссылка.
Достаточно минимальных скилов начинающего, чтобы увидеть синтаксические ошибки - элементарно скобки непарные...

За чужие, кривые руки я как бы не ручаюсь.
Да в конце не закрыли скобками:
$(function(){
...
});


#16 Selin

Selin
  • Пользователь
  • 9 сообщений
  • Дизайн, Программирование, Верстка, SEO, Пользователь
  • Откуда:Южно-Сахалинск

Опубликовано 26.04.2019 - 12:08

<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" />
    <script type="text/javascript">
    $(function() {
    // Перехватываем событие отправки формы
    $("form#cart").submit(function(event)
        {
        if($("#set").attr("checked") != 'checked') {
        $.fancybox( '<h2>Подтвердите отправку ваших данных!</h2>' );
        $("#set").css('background', 'red');
        return false;
    }   
        
    return true;
    })
    });
    </script>

Да видел не хватку скобок, спасибо!

И все равно пропускает заказ



#17 Selin

Selin
  • Пользователь
  • 9 сообщений
  • Дизайн, Программирование, Верстка, SEO, Пользователь
  • Откуда:Южно-Сахалинск

Опубликовано 09.05.2019 - 12:01

Ребят выручайте плиз!



#18 mishanya

mishanya
  • Фрилансер
  • 2 566 сообщений
  • Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Ukraine

Опубликовано 09.05.2019 - 16:54

так скиньте ссылку на сайт. на бубнах гадать.






0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых