Comments on: How to Enqueue Scripts and CSS in Oxygen (The Right Way)

By: Cenay Nailor

Cenay Nailor — Mon, 09 Aug 2021 02:18:13 +0000

One quick note you might not be aware of. If you are loading the files from a CDN (for example), the code won't render while inside of the Oxygen Builder. It will render on the front end though. So in this case, you might be better served by adding an Oxygen codeblock where you need the functionality, and link to the CDN files there, rather than try to bring them in to every page on your site.

By: Damilare

Damilare — Mon, 15 Feb 2021 12:23:08 +0000

Hello,

I have created the folders and subfolders and plugin.php using VSCode. I'm trying to use gsap with Oxygen builder by linking to gsap via cdn. But where I'm stuck now is, in step 2 in Add Resources to Your Directories, what resources will I place from the gsap folders as there are many .js files there and no css files or img files from the gsap zip I downloaded from https://greensock.com/docs/v3/Installation.

Kindly guide me through.

Thank you for making this guide.

By: Una Neary

Una Neary — Mon, 09 Nov 2020 17:00:53 +0000

thank you for your prompt reply.
You have a great way of explaining things in a nice simple manner and easy to understand.

By: Alec Gall

Alec Gall — Mon, 09 Nov 2020 12:33:59 +0000

In reply to Una Neary. Hi Uma, you're welcome! I'm glad you found this useful! And you are correct. For a small site you can probably get away with doing it that way, but it is always better to enqueue your files this way as you have more control over them and can keep all of your resource loading code in one place.

By: Una Neary

Una Neary — Mon, 09 Nov 2020 10:52:04 +0000

Thank you SOOOO much, this is fantastic. I was so confused about all this. So far, I have been using the 'add stylesheet' within Oxygen, or 'add Code block'. Am I correct in my thinking now, that this method is only good for a few lines of code but not for a big site with tons of CSS and JS. Better to use your plugin method instead? Thanks again.