Никита

CSS файл библиотеки подключать нужно? И как в js файле нужно вызвать его?

Смотри по какому типу:
[[!pdoResources
&tpl=`test`
]]
чанк test:
div
img
h2
p (краткое описание)
Полная статья
/div
div class=«modal»
img
h2
p (полная статья)
/div

Примерно такого формата. Да есть отдельная страница которая находится в collections.

Смотри, нет же страницы статьи. Есть чанк оформления общий который выводит их pdoTools, а сама статья открывается через модальное окно на этой же странице. Есть отдельно созданная страница, но её не существует. Она только для вывода pdoTools как отдельных статей. Твой вариант тут поможешь?
Если такой формат чанка
div
Краткое оформление статьи
Кнопка на которую должно открывается окно
/div
div class «скрытое модальное окно»
Полный контент
/div

data-filter надо вставить css ID с страницы статьи, то есть якорную ссылку? А нельзя [[+id]]?

Если есть ещё решения — буду рад увидеть.

Вы про это fancyapps.com/fancybox/3/?