Всплывающий баннер (окно) для Boxcode 10.1

Всем привет. Иногда, очень полезны, при разработке доски объявлений, всплывающие окна с какой-нибудь полезной информацией, которую нельзя упустить из виду людям:

Важные новости
Предупреждения
Специальные предложения и т.д

Т.е спектр применения тут очень широк и важен. Можно, также, использовать данный тип всплывающих окон для размещения баннеров, рекламных текстов, ссылок. Данные баннеры могут иметь специальные тарифы, т.к внимание тут будет приковано только к ним !

Данный функционал реализовывать будем на нашем движке доски объявлений boxcode 10.1, в модуле “Рекламная система“.

Для начала работ, нам нужно немного скорретировать таблицу с записями рекламной системы, и, поэтому, заходим в нашу базу и делаем запрос (про префикс не забываем)

ALTER TABLE  `cat_block_spacecom` CHANGE  `align_block`  `align_block` ENUM(  '',  'off',  'left',  'center',  'right',  'lightWindow' ) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL DEFAULT  ''

1	ALTER TABLE `cat_block_spacecom` CHANGE `align_block` `align_block` ENUM( '', 'off', 'left', 'center', 'right', 'lightWindow' ) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL DEFAULT ''

Далее, нам нужно загрузить скрипты в корень нашего шаблона . Скачать можно по ссылке

Потом, открываем файл /moduls/spacecom/spacecom.php и содержимое функции function add_text_head() заменяем на наш код. В итоге должно получится так

   function add_text_head()
	  global $dir_http_template;
      $this->dir_http_template=$dir_http_template;
	  
	  $htext='
	     <script src="'.$this->dir_http_template.'/script/jquery.min.js"></script>
		 <script src="'.$this->dir_http_template.'/script/jquery.cookie.min.js"></script>
		 <script src="'.$this->dir_http_template.'/script/jquery.arcticmodal-0.3.min.js"></script>
		 <link rel="stylesheet" href="'.$this->dir_http_template.'/script/jquery.arcticmodal-0.3.css">
		 <link rel="stylesheet" href="'.$this->dir_http_template.'/script/themes/simple.css">
	  ';
	  
      
      return ($htext);
     }

function add_text_head()

global $dir_http_template;

$this->dir_http_template=$dir_http_template;

$htext='

return ($htext);

}

Далее, находим строчку

 case ("right"): $t = "<div style='width:".$width."px; margin: 0px 0px 0px auto;'>".$text_spacecom."</div>"; break;

1	case ("right"): $t = "<div style='width:".$width."px; margin: 0px 0px 0px auto;'>".$text_spacecom."</div>"; break;

и после нее добавляем код

            case ("lightWindow"): 
				$t="
				  <script>
						$(
						setTimeout(
						function() {
						  if (!$.cookie('lightBox".$data_spacecom['id_spacecom']."')) {
							$('#lightBox".$data_spacecom['id_spacecom']."').arcticmodal({
							  closeOnEsc: true,
							  closeOnOverlayClick: true
							});
						  }
						  $.cookie('lightBox".$data_spacecom['id_spacecom']."', true, {
							expires: 365,
							path: '/'
						  });

						}
						,2000)
						);
				  </script>
				
				";
				$t.= "<div style='display:none;'><div class='box-modal' id='lightBox".$data_spacecom['id_spacecom']."' >".$text_spacecom."</div></div>"; 
			break;

case ("lightWindow"):

$t="

setTimeout(

function() {

if (!$.cookie('lightBox".$data_spacecom['id_spacecom']."')) {

$('#lightBox".$data_spacecom['id_spacecom']."').arcticmodal({

closeOnEsc: true,

closeOnOverlayClick: true

});

}

$.cookie('lightBox".$data_spacecom['id_spacecom']."', true, {

expires: 365,

path: '/'

});

}

,2000)

);

</script>

$t.= "<div style='display:none;'><div class='box-modal' id='lightBox".$data_spacecom['id_spacecom']."' >".$text_spacecom."</div></div>";

break;

в данном коде используется запоминание через cookie – параметр

expires: 5

1	expires: 5

означает, что окно появится снова человеку по истечению 5 дней (или после их чистки в браузере).

 2000 - кол-во миллисекунд ( или 2 сек) ожидания появления

1	2000 - кол-во миллисекунд ( или 2 сек) ожидания появления

Используется скрипт всплывающих окон arcticModal, документацию к которому вы можете почитать на официальном сайте.

Далее, нам нужно добавить функционал в админку. Открываем файл /moduls/spacecom/mdadmin/mdspacecom.php и после строки

html+="<option value='right'>по правому краю</option>";

1

html+="<option value='right'>по правому краю</option>";

добавляем новую

html+="<option value='lightWindow'>всплывающее окно</option>";

1

html+="<option value='lightWindow'>всплывающее окно</option>";
И открываем файл /moduls/spacecom/mdadmin/proc_spacecom/save_data_block.php , где заменяем строку

array("align_block","post","align_block","text",true,false,"listv","off,left,center,right",false,"tr","all",""),

1

array("align_block","post","align_block","text",true,false,"listv","off,left,center,right",false,"tr","all",""),

на

array("align_block","post","align_block","text",true,false,"listv","off,left,center,right,lightWindow",false,"tr","all",""),

1

array("align_block","post","align_block","text",true,false,"listv","off,left,center,right,lightWindow",false,"tr","all",""),

Все! Доработка функционала вашей рекламной системы для движка boxcode 10.1 готова. Теперь вам нужно добавить рекламный блок, указать выравнивание “всплывающее окно” , указать размеры и т.д.. После, добавьте баннер или текст или и то и другое, укажите страницы, где хотите, чтоб отображались..

Демо: http://cat.hr00.ru/

Логика работы очень проста : человек зашел на сайт или отдельную страницу и увидел вашу запись через пару секунд : то ли баннер, то ли новость, то ли еще что-нибудь такое . Закрыл баннер. Больше он его не увидит, пока не истечет определенный срок, который вы указали в коде.

присылайте свои идеи к нам на admin@make-board.ru
обсудить свои вопросы можете на форуме Boxcode
вы также можете заказать разработку доски объявлений
или скачать\заказать шаблон Boxcode

Комментировать Отменить ответ