Override the prev/next arrows html output

[chrismagiera]

Hi,

I couldn’t find any solution in the docs, so I’m asking here:
How do I override the default svg within the prev and next arrows with a custom one?

Is it something in this direction?

Fancybox.bind( "[data-fancybox]", {

  template: {
    nextButton: '<svg class="custom-svg"></svg>',
    prevButton: '<svg class="custom-svg"></svg>',
  },

}

[fancyapps]

Hi,

Object hierarchy is like this: Fancybox -> Carousel ->Navigation plugin. So, it would be like this:

Fancybox.bind('[data-fancybox="gallery"]', {
  Carousel : {
    Navigation: {
      prevTpl: '<',
      nextTpl : '>',
    }
  }
});

[chrismagiera]

Wow – thanks a lot for the quick answer!