Как подключить 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 через запятую, как в оригинальном коде.