kirill

Решил написать заметку по этому поводу, так как похожее решение в интернете найти не смог, а оно оказалось совсем простым. Может кому-нибудь будет полезным.

Везде подключаемые стили и скрипты выглядят так:

<link rel="stylesheet" href="owl-carousel/css/owl.carousel.css">
<link rel="stylesheet" href="owl-carousel/css/owl.theme.default.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="owl-carousel/js/owl.carousel.js"></script>

Сам html код:

<div class="owl-carousel">
 <div>Слайд 1</div>
 <div>Слайд 2</div>
 <div>Слайд 3</div>
 <div>Слайд 4</div>
</div>

Ну и настройки карусели:

$(".owl-carousel").owlCarousel({
 nav:true,
 loop:true,
 autoplay:true
 ...
});

Но карусель все никак автоматически не крутилась.
Посмотрев файл owl.carousel.js, я обнаружил, что там нет ничего связанного с autoplay, и код отвечающий за это лежит рядом в файле owl.autoplay.js.

Подключаем owl.autoplay.js и вуаля — все прекрасно работает.

1)Сниппет:

[[!pdoPage?
        &tpl=`New`
        &limit=`4`
        &includeTVs=`image`
        &limit=`2`
        &pageLimit=`3`
        &tplPageWrapper=`@INLINE <nav aria-label="pagination"><ul class="pagination">[[+prev]][[+first]][[+pages]][[+last]][[+next]]</ul></nav>`
        &tplPageFirst=`@INLINE <li class="page-item 1"><a class="page-link" href="[[+href]]">1</a></li>`
        &tplPageLast=`@INLINE <li class="page-item 1"><a class="page-link" href="[[+href]]">[[+pageCount]]</a></li>`
        &tplPage=`@INLINE <li class="page-item"><a class="page-link" href="[[+href]]">[[+pageNo]]</a></li>`
        &tplPageActive=`@INLINE <li class="page-item active "><a class="page-link" href="[[+href]]">[[+pageNo]]</a></li>`
        &tplPagePrev=`@INLINE <li class="page-item"><a class="page-link" href="[[+href]]"><img src="assets/app/img/prev.png" alt="Предыдущая"><span class="sr-only">Next</span></a></li>`
        &tplPageNext=`@INLINE <li class="page-item"><a class="page-link" href="[[+href]]"><img src="assets/app/img/next.png" alt="Следующая"><span class="sr-only">Next</span></a></li>`
        &tplPagePrevEmpty=`@INLINE <li class="page-item disabled"><a class="page-link" ><img src="assets/app/img/prev.png" alt="Предыдущая"><span class="sr-only">Next</span></a></li>`
        &tplPageNextEmpty=`@INLINE <li class="page-item disabled"><a class="page-link" ><img src="assets/app/img/next.png" alt="Следующая"><span class="sr-only">Next</span></a></li>`
        &tplPageFirstEmpty=``
        &tplPageLastEmpty=``
      ]]

2) Результат при активной 2-ой:



3) Результат при активной 1-ой:



Хотелось бы получить такой результат: закрепленные ссылки на первую и последнюю страницы, между ними 3 промежуточные страницы. Пробовал найти как выводить плейсхолдер [[+pages]] без первой и последней, но не нашел.

Заранее благодарю за любые мысли, направляющие в нужную сторону.

Добрый день! Подскажите пожалуйста, выводил с помощью MIGX ряд фотографий с ссылками на ресурсы, все было хорошо. Аналогично стал делать и для вывода ссылок на файлы, но ничего не выводится. Все перепробовал.

Имеется такой вывод сниппета:

[[!getImageList?
  &tvname=`polozenie`
  &tpl=`tplPolozenieFile`
  ]]

Тип ввода поля polozenie — MIGX, вывода — по умолчанию, доступен для нужного шаблона, вкладки формы —

[
{
    "caption":"формат",
    "fields": [
        {
            "field":"formatFile",
            "caption":"Формат файла"
        }
    ]
},
{
    "caption":"Файл",
    "fields":[
        {
            "field":"file",
            "caption":"Файл",
            "inputTV":"polozenieFile",
            "sourceFrom":"MIGX"
        }
    ]
}
]

formatFile — не доступен ни одному шаблону.

tplPolozenieFile — чанг:

<a href="[[+file]]" style="color:black;">[[+formatFile]]</a>

Файлы в поле загружены.
Файлы типа pdf, является загружаемым в modx по умолчанию.