Хаки и Скрипты Next Generation CMS

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

irbees2008 irbees2008 Опубликовано - 1 - ноября Настройка плагинов
26553 - 0
  • Адаптировал: 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 пример оформления для изображений"

Опрос

Ваше мнение

Какой поисковой системой пользуетесь?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 3327 дней
  • Новостей: 542
  • Комменты: 254
  • Зарегистрированно : 571
  • Онлайн всего: [8]
  • Гости: [8]
  • Были сегодня : [3] Яндекс, Google, irbees2008
  • SQL запросов: 36
  • Генерация страницы: 0.219сек
  • Потребление памяти: 4.943 Mb 
  •   яндекс.ћетрика