Как подключить YoxView к MaxSite CMS. Упрощённый вывод галерей Picasa

Здесь описана процедура подключения YoxView к MaxSite CMS версии 0.60 и выше, с шаблоном на базе default той же версии. Там на каком-то этапе менялась структура каталогов в папке шаблона, так что для более ранних версий придётся переиграть некоторые моменты.

Далее следуют простые инструкции о внедрении jQuery-плагина YoxView в MaxSite CMS.

1.

Через FTP или файл-менеджер распакуйте архив jquery.yoxview-2.21.zip в папку /application/maxsite/templates/yourtemplate/js/. В результате в указаной папке должна появиться папка yoxview с файлами и подкаталогами. Здесь и далее yourtemplate - имя каталога с Вашим шаблоном.

Теперь надо инициализировать плагин в HEAD сайта на всех страницах. Ниже описан способ, который мне кажется самым простым. Эниуэй, выбор за Вами.

2.

В админ-панели в разделе Ушки создайте ушку head, если таковой у Вас ещё нет. Укажите тип ушки PHP/HTML и добавьте в её тело следующий код:

<script type="text/javascript" src="<?= getinfo('template_url').'js/'; ?>yoxview/yoxview-init.js"></script>

На этом можно было бы остановиться, потому что плагин можно уже использовать. Например, чтобы отобразить содержимое альбома из галереи Picasa квадратными миниатюрами 96x96px, надо вставить примерно такой код:

<div id="unique_id_here" class="yox"></div> 
    <script type="text/javascript">
        $(document).ready(function(){ 
              $("#unique_id_here").yoxview({ 
                    dataUrl: 'http://picasaweb.google.com/GalleryName/AlbumName', 
                    dataSourceOptions: { 
                    thumbsize: '96c' 
                    } 
              }); 
       }); 
</script>

Не забудьте обрамить всю эту прелесть в , иначе ничего не выйдет!

Однако публикацию галерей можно значительно облегчить, об этом далее.

3.

В папке /application/maxsite/templates/yourtemplate/custom/ переименуйте файл _my_functions.php в my_functions.php и добавьте в самый конец файла следующий код:

<?php 
function yoxPicasaGal($yoxid, $yoxurl, $yoxdso) {
  echo '<div id="'.$yoxid.'" class="yoxgal"></div>	
	<script type="text/javascript">	
        	$(document).ready(function(){
			$("#'.$yoxid.'").yoxview({
				dataUrl: \''.$yoxurl.'\',
				dataSourceOptions: { '.$yoxdso.' }	
				});	
    			});
	</script>';
  } 
?>

4.

Включите плагин run_php, если он был неактивен.

Теперь для вставки галереи можно использовать вот такой изящный код:

[php] yoxPicasaGal('unique_id_here','http://picasaweb.google.com/GalleryName/AlbumName','thumbsize:"96c"'); [/php]

В третьем параметре функции можно указывать dataSourceOptions через запятую, как в оригинальном коде.

Нравится