Хаки и Скрипты Next Generation CMS : Настройка плагинов, Слайдшоу и анимация : Выводим в слайдер новости с помощью плагина xnews

irbees2008 Опубликовано - 1 - ноября Настройка плагинов

Адаптировал: irbees2008
Уровень сложности исполнения: нужны навыки css html

На днях меня попросили сделать вывод популярных новостей в слайдер,узнав версию движка ,это svn версия оказалась,решил использовать плагин xnews.И сейчас распишу подключение слайдера с плагином .
Итак приступим
1. За основу возьмем слайдер Blueberry.
2.Скачиваете архив ,распаковываем и заливаем в папку с шаблоном.
3.В хеад файла main.tpl подключаем скрипты стиль слайдера

Код:

<link rel="stylesheet" href="{{ tpl_url }}/css/blueberry.css">
 <script src="{{ tpl_url }}/js/jquery.blueberry.js"></script>
 <script>
$(window).load(function() {
    $('.blueberry').blueberry({
        interval: 5000,
        duration: 500,
        lineheight: 1,    
                hoverpause:  true,
                pager: true,
                keynav: true
});
});
</script>

4.Где хотим видеть наш слайдер добавляем код самого слайдера

Код:

 <div class="blueberry">
      <ul class="slides">
	 {{ callPlugin('xnews.show', {'extractEmbeddedItems' : true, 'order' : 'last', 'categories' : '1', 'count': '5', 'template' : 'xnews1'}) }}
      </ul>
</div>

Как видите мы уже подключили плагин xnews.
5.Ну теперь надо настроить плагин ,идем в директорию templates/ваш шаблон/plugins/xnews/xnews1/ если нет этих директорий то создаем.
6.В папке xnews1 если нет файлов то создаем файлы xnews.tpl с содержимым

Код:

{% for entry in entries %}{{ entry }}{% endfor %}

И файл entries.tpl с содержимым

Код:

<li>
 {% if (news.embed.imgCount > 0) %}
<img src="{{ news.embed.images[0] }}"  alt="{{ news.title|truncateHTML(70,'...') }}" title="{{ news.title|truncateHTML(70,'...') }}" class="slider-image"  />
{% else %}
<img src="{{ tpl_url }}/img/img-none.jpg"  width="394px" height="262px" alt="{{ news.title|truncateHTML(70,'...') }}" title="{{ news.title|truncateHTML(70,'...') }}" class="slider-image"  />
{% endif %}
        </li>

7.Вот и все слайдер подключен,по настройкам смотрите Blueberry и Плагин XNEWS,будут вопросы пишите в комментарии.

Можешь почитать и вот эту статейку "Интересный CSS пример оформления для изображений"

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.