01 Nov 2014, 03:44 avatar

Выводим в слайдер новости с помощью плагина xnews

Настройка плагинов
  1. Адаптировал: irbees2008
  2. Уровень сложности исполнения:нужны навыки 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,будут вопросы пишите в комментарии.
Можешь почитать и вот эту статейку "Теги iframe"

mistakes

Похожие новости

0 комментариев

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