• 24517
  • 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,будут вопросы пишите в комментарии.

Можешь почитать и вот эту статейку "инклюд в NG"

mistakes

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

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

Ваше мнение

Ваше отношение к TWIG
Результаты

Облако тегов

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