Oxygen Builder 4.0 is now using JSON shortcodes to store designs (as opposed to the old PHP shortcode method). This new data format is quicker and better, but one of the best features is the fact that all settings are readable and stored in plaintext.
Due to this fact, we can make basic changes to existing pages and templates built with Oxygen... without even loading the builder.
Let's look at a simple example. Here I have a page built with Oxygen.
The data for this page is now stored as JSON, which can be accessed from the WP Admin page.
Even in this format, the JSON data is understandable, but I'm going to use a formatter to make it more readable. Here's what that formatted JSON data looks like.
Let's focus in on the Section (id 2), which is blue and contains the headline. If I wanted to change the background color from
#b7b7b7, I could load the builder and use the GUI. Or I could quickly look into the JSON, find the "background-color" setting for the specific section, and change it there.
Then, if you click the blue update, the change will be pushed live without you even needing to load the builder.
Now, one caveat is that you'll need to go and regenerate the CSS cache after making changes, or they won't reflect on the live site (even though the data is saved, and changes will show if you load the builder.
It's not just CSS styling that you can change. Anything, including content and code blocks can be edited this way.
Here's the code for a headline element contained in the section on our demo page. You can see that all of the styling is displayed, but the content is as well.
I can change the "
This is my custom content." value to whatever, and it will be displayed on the frontend as long as I save my page in the WP admin.
The same goes for codeblocks. Here's how that info is stored:
You can see that I have CSS and PHP that can be edited here.
The beauty about this new JSON data storage method is that it's readable/understandable by anybody. You don't even need to be technical. Just find the name of the setting/content you want to change, and make it!
Ex: the key for the image SRC is called "
src". Can't get much simpler than that!
Don't make changes without backing up your original JSON data. I copy/paste it into a text file for safekeeping, just in case anything goes wrong.
Oxygen Builder backend loading speed is gotten much quicker with 4.0, but it still needs time to initialize. This new method will now allow you to make quick and simple changes easily. I'll definitely be using this when it comes to making those quick changes like... "can you make the background this color" or "can you change this one word to this".