Oxygen snippets – page 2
Oxygen Builder snippets: conditions, repeaters, dynamic data, menus and Tailwind with Oxygen.
-
Fetch best seller of WooCommerce in oxygen repeater / Easy posts
For retrieving the best buying products in WooCommerce we are using wp_query manipulation with meta_key as “total_sales” and orderby “meta_value_num”. In short we are displaying products as per the total sales number. Here is Screenshot for repeater / easy posts Step 1 – Select Advance WP Query Step 2 – Setup Advance WP Query as…
-
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 -
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 -
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 -
Manual query get complex data
Paste this into code block to get that data. Paste that data into Query of Easy posts or Repeater. With this, you can put in query data from ACF Pro as well Credits to: https://wpdevdesign.com/how-to-generate-the-query-string-for-easy-posts-in-oxygen/
Category: Oxygen -
Change the default loop with CodeBlock
Place it above Repeater or East Posts
-
Images are not sharp enough when they are scaled down
Oxygen adding class to images by default “.ct-image”. To target all the images use img tag or .ct-image. If you want to play with more options there are some couple of more settings:
-
ACF in Oxygen – PHP Function field
I was banging my head for 2 hours until I got help from Alexander Buzmakov. Function name: get_fieldFunction argument: ACF_fields_slug
-
Load script only when you need it
In code block when you are using script add to PHP tab: You need to put path from /wp-content/ and not just plugins folder PHP JavaScript Note: Got this trick from a good friend Alexander Buzmakov. Visit his tutorials oxywp.com.
3rd party plugins admin archive block-themes block editor Blocks block styles block theme build capabilities Category core CPT CSS Custom Post custom post types development filters full site editing gutenberg hook hooks Image img load styles maintenance media Must Have npm Oxygen php plugins repeater scripts organizer security SEO single product Taxonomy theme.json Tips updates WooCommerce wordpress wp-cli WP Admin