Fancybox

                                // https://fancyapps.com/fancybox/3/
// https://fancyapps.com/fancybox/3/docs/
// Использование, в тег ссылки добавить атрибуты: data-fancybox="gallery" data-caption="Title item"
    
var fancybox = $('.fancybox')
//var fancybox = $('[data-fancybox]')

if (fancybox.length) {

    // Руссификация
    fancybox.fancybox({
        lang: 'ru',
        i18n: {
            'ru': {
                CLOSE: 'Закрыть',
                NEXT: 'Следующий',
                PREV: 'Предыдущий',
                ERROR: 'Запрошенное содержимое не может быть загружено. <br>Пожалуйста, повторите попытку позже.',
                PLAY_START: 'Запуск слайд-шоу',
                PLAY_STOP: 'Остановить слайд-шоу',
                FULL_SCREEN: 'На весь экран',
                THUMBS: 'Миниатюры',
                DOWNLOAD: 'Скачать',
                SHARE: 'Поделиться',
                ZOOM: 'Приблизить'
            }
        }
    })
}

// Заменить динамически название в Fancybox
fancybox.fancybox({
	caption: 'Title item'
})
    
    
// Через sass задать основной цвет сайта для Fancybox
.fancybox-progress {
  background: $primary !important;
}
.fancybox-thumbs__list a:before {
  border-color: $primary !important;
}
Список