Adding FacnyBox Scripts To BSS

Bootstrap Studio Help
1

Hi. Trying to integrate Fancybox V3 into my BSS project. It really shouldn't be this difficult.

I've tried adding custom code to the body of my page an pasting:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
    <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

Into it. Just as their docs say. It didn't work, so I moved the style sheet into the header of the page as that's where it should be anyways and I left the other script where it was on the page.

The script is loading before jQuery itself which is throwing an error in console.

I have a default include order set and no other external libraries besides the stock ones and facnybox.

I've also done the research and see I'm not able to add footer codes that would ideally be included after bs and jquery. What can I do?

Thanks!

2

Have you tried adding the js and CSS as the BSS tutorials recommend?

https://bootstrapstudio.io/tutorials/linking-external-js

https://bootstrapstudio.io/tutorials/linking-external-css

I have already posted a suggestion that the devs add the ability for us to add code to the HTML at different places on the page. https://bootstrapstudio.io/forums/topic/feature-request-ability-to-add-custom-html-to-other-places-on-the-page/

3

I had NO idea you could do that! Worked like a charm. Thank you!

4

Confucius say, "wise man reads all tutorials and watches all tutorial videos" ?