-
How to add dynamic ACF Image Alt Text with in Oxygen
Oxygen page builder Image element does provide the feature to insert an Image-type custom field’s Alt text using the dynamic data. but if you need overwrite then see 2nd option. Step for show alt tag for image. Ensure that your Image field’s Return Format is set to Image Array in your ACF field group. Step 2 Option 1 Option…
-
Register Sidebar for Oxygen Builder
As Oxygen Builder disables the theme, so as there is no sidebar is available for using widgets from WordPress Admin area and WordPress Customizer. Here is the code to add a sidebar (widget area) as a solution. As a developer and having knowledge of Oxygen, you can do it in Oxygen natively but for the…
Category: OxygenTags: Tips -
Show/hide section based on Number of WooCommerce Upsells in Oxygen on single product
1st Step Install and activate Code Snippets plugin. Add below code in code snippets: 2nd Step Edit the Oxygen Template that applies to woo single products. For the element you want to apply the “minimum 1 upsell” condition, click on Conditions icon then Set Conditions. Click “Add Condition” icon. Choose Dynamic Data condition. Under Advanced click PHP Function Return value. Function Name: wpl_check_upsell_product…
-
How to remove Archive:, Category: Etc. Pre-Title inserts in Archive Titles
If you would like to get rid of the “Category:”, “Tag:”, “Author:”, “Archives:” and “Other taxonomy name:” in the archive title, use this little function in Code Snippets The Below can be added using a plugin like Code Scripts organizer or Code Snippets.
-
Add WooCommerce Cart Icon on your website with Cart Item Count
Here is a way to add WooCommerce cart icon to a menu with the cart item count, it links to the cart page and displays the number of items that have been added to the cart.The code uses three functions which need to be added to Snippet plugin. Create a shortcode for the WooCommerce cart,…
-
How to add condition is author archive on oxygen archive page
Control the output of elements on archive pages based on the author archive Here’s How Install and activate Code Snippets plugin. Go to Snippets > Add New. Title: Condition Author Archive Type Code Screenshot and code: Condition Screenshot in Archive page If you can any query feel free connect on my FB page https://www.facebook.com/wploversteam/
-
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…
-
Add social share buttons in Oxygen’s repeater with Shortcode
This tutorial will show you how to easily add social share buttons into a repeater with Shortcode in Oxygen. Add this to a template to get the social share capability on all your posts and pages in WordPress. Above shortcode you can use on as per Screenshot. Like & follow for WordPress tips 🙂
-
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 -
Register image sizes that are visible in the Editor insertion
You registered new image size, regenerated all images but still when you insert image element your image size is still not shown. To explain first what are the image settings inside the brackets: product-main = image name 1440 = width in pixels 800 = height in pixels true it will be cropped. set false if…
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.
-
Highlight terms in the search results
PHP in Function PHP in codeblock CSS
3rd party plugins admin after_body Alt archive Blocks Category clean up composite elemenets core CPT CSS Custom Custom Post Dashboard flexslider Front End FSE full site editing Gallery hook HTML Image load styles Must Have notice Oxygen Password Permalink plugins Post List Publish Date repeater settings page share single product Taxonomy Taxonomy Term themes Tips Topbar WooCommerce wordpress WP Admin WPML