-
Hide cookie banner for a year
Use JavaScript to hide element for one year. It’s perfect for banners such as cookie. You can easily change parameters and change it from 365 days to what ever you need. Your element need to have class of “element-dismiss” and you need to place button element inside
Category: JavaScript
-
Rotate text and align along the edge
Right Left Top Bottom
Category: WordPress -
Remove the Gutenberg Block Library CSS from WordPress
Note: Do not use this if you want to use Gutenberg. Only if you are using Classing editor. If you are using Scripts Organizer set it as Code block, Trigger location > Everywhere.
Category: WordPress -
EDD Restricted content. Present excerpt instead of content
This can be placed in Oxygen code block or you can make it as short-code. It will display excerpt if user is not logged in or didn’t purchased specific product. Replace XXXXX with your product ID on line 9
Category: EDD -
Copy code to clipboard
Click anywhere within code block to automatically copy to clipboard. Code is taken from WPJohny’s plugin. But to reduce number of plugins I moved it to Scripts Organizer.
Category: WordPress -
Oxygen Hook. Add code after body is opened
Oxygen does not support WordPress wp_body_open() and if you need to integrate Google Tag manager it requires two code parts. 1st part is Inside Head and 2nd is inside Body. Lucky Oxygen provides hook that is called: ct_before_builder. If you are using Scripts Organizer , Code Snippets or any other functionality plugins this script will…
-
Iconoir. Free Icons set for Oxygen Builder
Iconoir is one of the biggest open source libraries with currently 1007 SVG Icons. Really nice designed outline icons set done by Luca Burgio. Original Icons are exported as outlines. I have converted outline to fill and used IcoMoon App to make it as icon set ready for Oxygen. Download them and enjoy! Thanks to…
Category: Oxygen -
Category: jQuery
-
Category: jQuery
-
Animate Alpha
This is for GreenSock
Category: GSAP -
Category: jQuery
-
Add class to the element on scroll
Change element class or ID on lines 3 and 5 to trigger right elements and on line 2 100 is how many pixels to scroll until class is added.
Category: jQuery -
Reload bellow the fold in same place
The most annoying thing when you are working with animations or even with CSS is definitely when you are working on something that is below the fold, and with each refresh, you need to scroll again to see the changes. This code snippet will help you with that. It will scroll to the same position…
Category: jQueryTags: Tips -
Scroll Progress Bar in Oxygen under 2 minutes
This technique requests Scripts Manager feature by Swiss Knife or Scripts Organizer to quickly import a script. Register Script We will start by going into Script Manager feature and paste CDN link or Upload it to media library to store it on our server. Give it a name, Script Type set as JavaScript, Location for…
Category: WordPress -
Add Dropdown Pages Links to WordPress Admin Bar
With this script you will have quick access to all the pages right from WordPress Admin Bar Scripts Organizer Settings Code
Category: WordPress -
Live Reload with Scripts Organizer
We all hate switching between browsers, save, switch, reload. This is a nice workaround until we create it as a build-in feature. Set it between 1500 ( 1,5 sec ) and 3. Less is too fast and if set as more you will wait too much. Set it as Conditions > Header and activate Exclude…
Category: WordPressTags: Tips -
YouTube Shortcode with lazy load video and scripts on click
Current problem is if you embed youtube in WordPress it’s going to load a bunch of scripts that will dramatically increase a load time. With this approach scripts and video will be loaded only after user clicks on video thumbnail. Shortcode usage To use shortcode wrap “yt” and “id=yourid” in backets [] You don’t need…
Category: WordPress -
Get Oxygen Global colors as CSS Variables
If you want to write external CSS the easiest way to sync the global colors between the oxygen and an external CSS is through the variables. You will need to get all variables into the header under the root. The output should look like this:
Category: Oxygen -
Page, Post, and CPT ID in Admin columns
From time to time you need to set up a bunch of conditions with Oxygen Builder that requires Page or Posts ID numbers. To get them you need to open every page or post and find it under URL. Much easier is to get numbers directly inside Admin Columns so you don’t need to open…
Category: WordPressTags: WP Admin -
Oxygen Templates List in WP-Admin top bar
Accessing Oxygens Builder templates list always needs several clicks. WordPress Admin top bar is always there and easily accessible. If you don’t have too many things in the top bar this code will be perfect for you. With this code, you will get an entire list of your Oxygen templates. No styling is required as…
Category: Oxygen
3rd party plugins actions admin archive Blocks build Category composite elemenets compression core CPT CSS Custom Custom Post Dashboard Developer development editor Front End gutenberg hook Image img include js load styles loop Must Have notice npm Oxygen plugins publish repeater script scss settings page single product Taxonomy themes Tips WooCommerce wordpress WP Admin WPML