Category: Oxygen Builder

ALL POSTS
Aleš Sýkora wrote
Oxygen Pro Menu menu selector – workaround fix on multisite
9. 8. 2021 in ,
Symptoms: Pro menu on multisite doesn’t show the WordPress menus in select field. Unfortunately, this is a known issue when using the Pro Menu element on a multisite install. There is a workaround by manually adding the ID of the menu you want to display to the page or template shortcodes. To do this, add […]
Read More
Aleš Sýkora wrote
How to use Infinite Scroll in Repeater element of Oxygen Builder
If you want to use the “Load more” button when using repeater, you can do that with .JS library called “Infinite Scroll“. Load Infinite Scroll script from CDN (I am using Advanced Scripts again). For a speed purposes – use conditions to make it load only on pages where you need to use it. Current […]
Read More
Aleš Sýkora wrote
Oxygen Repeater Pagination not working on homepage
When you use repeater on static front-page of your WordPress site and you also wants to use pagination – it doesn’t work at all. It stops at /page/2 and never display /page/3. It still repeat the second page. However – it looks like Oxygen bug, but it is not. As you can see: https://codex.wordpress.org/Pagination#static_front_page. To […]
Read More
Aleš Sýkora wrote
Oxygen Front-end styles in Gutenberg
WARNING: I can’t figure how to make it working currently. If you have any idea, please put in in the comments below. You may want to display the content when editing in Gutenberg editor with your frontend Oxygen Styles included. It is possible with But the challenge is that Oxygen is creating CSS files for […]
Read More
Aleš Sýkora wrote
Oxygen’s Number Counter tricks – Dynamic data, speed and more
14. 7. 2021 in ,
All tips should be working for both Number Counter composite element and Circle Number Counter composite element in Oxygen Builder for WordPress. Using Dynamic Data in Number Counter Using the Number Counter from Oxygen Builder’s composite elements is cool until you need to use the dynamic data. When you add dynamic data source, span is […]
Read More
Aleš Sýkora wrote
ACF Masonry Left to right ordered Gallery in Oxygen Builder /w Colcade
Would you like to use ACF masonry gallery with left to right flow of images? Good, let’s do that! But at first, why not to use standard Gallery module in Oxygen Builder? The problem with Oxygen Masonry gallery The main problem is ordering of images. Standard masonry layout is made by Flexbox columns. So Your […]
Read More
Aleš Sýkora wrote
Particles.js in Oxygen Builder
Particles.js is a lightweight JavaScript library for creating particles. Particles are used to create interactive backgrounds that respond to the mouse movements. Do you want to use it on you Oxygen website? Okay, no problem. You just need to embed the particles.js script – I will do that with the Advanced scripts plugin – and […]
Read More
Aleš Sýkora wrote
Custom Taxonomy Term Archive Query in Oxygen Builder
If you want to use advanced query builder and build the template for All taxonomy terms of one taxonomy and do not use the default query in repeater, you can do that with advanced query builder: Post_type = post type slug tax_query = array taxonomy = taxonomy slug field = slug terms = (optional) no_found_rows […]
Read More
Aleš Sýkora wrote
Use global colours from Oxygen Builder in CSS
You have defined your Global colors in Oxygen Builder and now you need use them in CSS styles? No Problem! You can use your global colors within CSS styles. Just open Settings > Global Styles > Colors, click on your colour group and you will see your colors with assigned ID’s to each of them. […]
Read More
Aleš Sýkora wrote
Get homepage link as a logo link in Oxygen Builder
Wrap your website’s logo in link wrapper and use this PHP function inside, to create the Home link.
Read More
Aleš Sýkora wrote
Current Year for Copyright in WordPress and Oxygen Builder
Would you like to insert the Copyright information in footer of your website with current year? Use the PHP function Date() with format Y for current year. Normally it looks like: In Oxygen Builder you can use the Dynamic data > PHP function return value, which generates this shortcode:
Read More
Aleš Sýkora wrote
Featured posts query with Oxygen Advanced Query Builder
30. 6. 2021 in ,
Past few days, Oxygen 3.8 was released. It contains beautiful new Query builder for repeaters and easy posts. I will continue to add examples of queries continuously. Here is the first query: Featured (sticky) posts query post_type post meta_query key = featured value = 1 (optional disable pagination) no_found_rows = true Need to ignore sticky […]
Read More
Aleš Sýkora wrote
Redirect non logged users to login page
Situation: Website with pages restricted only to logged in users and we do not use toolset content templates but Oxygen Builder. We are hiding the content to the non-logged in users with Oxygen conditionals but we would like to redirect user to the login page instead of displaying login form on every restricted page. Code […]
Read More
Aleš Sýkora wrote
Custom excerpt lenght in Oxygen and WordPress
28. 5. 2021 in ,
Need to display smaller amount of words in some WordPress excerpts? Use custom function! Put the code below to your code snippets plugin or your custom funcionality plugin and use it in Oxygen Builder. Thanks to https://stackoverflow.com/a/17177847. Custom code: Then go to Oxygen builder and add custom PHP return value, when adding dynamic data field. […]
Read More
Aleš Sýkora wrote
Show Oxygen Element by current language with WPML
26. 4. 2021 in ,
When you use WPML with Oxygen Builder and use 1 template for all languages, then you propably want to display/hide elements conditionally. And of course you can. Use the WPML’s filter wpml_current_language to get current language code. Then use the if function to return value you want. I am returning the language code and then […]
Read More
Aleš Sýkora wrote
Fix WooCommerce coupon input in Oxygen
9. 4. 2021 in ,
The field for adding coupons in WooCommerce cart is horrible in Oxygen. If you want to fix it from: Before: After: Then feel free to use and edit my CSS:
Read More
Aleš Sýkora wrote
Oxygen builder – default media queries
24. 3. 2021 in ,
Default media queries of Oxygen. You can change them in Global Settings > Global Styles > Width & Breakpoints.
Read More
Aleš Sýkora wrote
Oxygen Pro Menu Entire Parent Toggle Dropdown not working
22. 3. 2021 in ,
If you want to have your dropdowns shown in mobile menu with toggle, you are propably using Oxygen’s Pro menu option “Entire Parent Toggles Dropdown”. And it works fine, in most cases. But there is an issue with custom links. If your link uses # then this option doesn’t work. You need to use /# […]
Read More
Aleš Sýkora wrote
Solve “No ACF gallery field data found” when the gallery field is empty with Oxygen conditionals
11. 3. 2021 in ,
If you want to hide the gallery field, when your ACF gallery is empty, use this tutorial! 🙂 Wrap Gallery with DIV and add class .gallery-wrapper (set the width of div to 100%) Open conditionals on the div.gallery-wrapper Create conditional: Dynamic Data > Advance Custom Field > Your Gallery Field Name Output type – leave […]
Read More
Aleš Sýkora wrote
Get WordPress title for page, post, category, archive in Oxygen
26. 1. 2021 in ,
Want to create only one template for Header and Footer – the main template – in Oxygen sometimes? So You need to display the title of current page, post, archive, category in one place. It cannot be done with Oxygen conditionals :(. So you have to make it done with code block and custom PHP. […]
Read More
Aleš Sýkora wrote
Better product gallery lightbox with Oxygen and Fancybox
18. 1. 2021 in ,
I will show you, how I am creating galleries like this (open random car to see it) in Oxygen Builder. I hate the product builder and default behavior of WooCommerce lightbox and magnifying glass function on hover. So I am using Image block wrapped in link – for featured image. And Oxygen’s gallery block for […]
Read More
Aleš Sýkora wrote
Oxygen Dynamic repeater examples
14. 1. 2021 in ,
Query parent pagedata in Oxygen repeater Query parent page on child page. If current page is parent then query this page itself. Display all posts with same ACF post object field value Gets current post ID and look for posts connected to it by post object field from ACF.
Read More
Aleš Sýkora wrote
Custom SCROLLBAR with Oxygen Builder
7. 12. 2020 in ,
Are you looking for some cool scroollbar, like on CSS-Tricks website? for a specific DIV use this in your custom CSS: for a whole document use body instead.
Read More
Aleš Sýkora wrote
Footer at the bottom of page Oxygen Builder
2. 12. 2020 in ,
Push your footer to the bottom in oxygen builder.
Read More
Aleš Sýkora wrote
Disable Woocommerce image zoom on hover in oxygen
19. 11. 2020 in ,
Add this to custom snippets. Or put in custom funcionalities plugin. Dont worry, lightbox will be working. Then the magnyfing glass icon dissapears, the over effect is gone, but the lightbox works perfect :-).
Read More
Aleš Sýkora wrote
Show All post types in category archive with/without oxygen
28. 10. 2020 in ,
If you want to display all post types posts – the custom and default, which use the same default category as a taxonomy, you need to put this in your custom code snippets plugin an change the array to your needed post types: Normally wordpress shows only the default posts in category archive.
Read More
Aleš Sýkora wrote
ACF Repeater Post Object in oxygen code block
2. 10. 2020 in ,
You are using gutenberg and ACF and toolset and need to add related posts in slider, which you choose at the post you are editing? Also you need to put them in the content, exactly where you want? Create ACF repeater with Post Object field inside Create Oxygen Block for Gutenberg Add code block and […]
Read More
Aleš Sýkora wrote
Woocommerce AJAX add to cart button in Oxygen repeater
5. 5. 2020 in ,
If you want to style custom repeater for woocommerec product categories in Oxygen builder and use the AJAX buttons in it feel free to use them with shortcode [add_to_cart id=""] or just copy the button html with class="add_to_cart_button ajax_add_to_cart"
Read More
Aleš Sýkora wrote
Oxygen two columns woocommerce checkout
23. 4. 2020 in ,
CSS Fix for Woocommerce checkout page in Oxygen Builder.
Read More
Aleš Sýkora wrote
Oxygen Lazy Load Gallery (Working 2021)
8. 4. 2020 in ,
Tutorial for working Lazy Load solution for Oxygen Builder gallery module.
Read More

Need custom WordPress website?

Are you looking for a new website? I am ready for a new awesome projects! Just get in touch and create a nice things together.
Get in touch
magnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram