Первым делом прочитать документацию в которой всё описано -
fancyapps.com/fancybox/3/docs/#options
Второе - добавить следующий код в js-файл:
$("[data-fancybox]").fancybox({
arrows : true, //Отображает кнопки навигации по краям экрана
infobar : false, //При необхходимости - отключает инфорбар вверху (стрелки и счетчик)
toolbar : true, //При необходимости - включает панель инструментов в правом верхнем углу
//Включение/отключение кнопок в панели инструментов
buttons : [
'slideShow',
'fullScreen',
'thumbs',
'close'
],
});
Третьим пунктом можно прописать свои css-правила для позиционирования стрелок.
Класс
.fancybox-arrow, модификаторы
.fancybox-arrow--left и
.fancybox-arrow--right 
